Renk Körlüğü Simülatörü
Bir görsel yükleyin ve protanopi, döteranopi, tritanopi veya tam renk körlüğünde nasıl göründüğünü önizleyin, ardından simüle edilmiş sonucu indirin.
Renk Körlüğü Simülatörü — Bir görseli sürükleyip bırakın ve kırmızı körü (protanopi), yeşil körü (döteranopi), mavi körü (tritanopi) ya da tamamen renk körü (akromatopsi) bir kişinin onu nasıl gördüğünü anında görün. Simülasyon tamamen tarayıcınızda bir tuval üzerinde, piksel piksel çalışır — görseliniz hiçbir sunucuya yüklenmez, böylece özel taslaklar ve ekran görüntüleri bile cihazınızda kalır. Bir tür seçin, orijinali sonuçla yan yana karşılaştırın ve simüle edilmiş PNG'yi indirin.
Renk Körlüğü Simülatörü nedir?
Renk Körlüğü Simülatörü, bir görseli belirli bir renk görme eksikliği olan bir kişinin algılayacağı şekilde yeniden çizen ücretsiz, tarayıcı içi bir araçtır. Yaygın üç dikromaziyi — protanopi (kırmızı zayıflığı), döteranopi (yeşil zayıflığı) ve tritanopi (mavi zayıflığı) — ayrıca tamamen tek renkli (gri tonlamalı) bir görünüm olan akromatopsiyi destekler. Tasarımcılar, geliştiriciler ve erişilebilirlik denetçileri, anlamı yalnızca renk taşıdığında grafiklerin, arayüz durumlarının, durum renklerinin ve infografiklerin hâlâ anlamlı olup olmadığını kontrol etmek için onu kullanır. Yaklaşık her on iki erkekten birinde bir tür renk görme eksikliği bulunduğundan, bu görünümleri yayınlamadan önce simüle etmek, izleyicilerinizin bir kısmı için kaybolan renk kontrastına aşırı dayanan tasarımları yakalamaya yardımcı olur.
Renk Körlüğü Simülatörü nasıl kullanılır
- Bir görseli yükleme alanına sürükleyin veya cihazınızdan bir PNG, JPG ya da WebP dosyası seçmek için tıklayın.
- Renk görme türü açılır menüsünü açın ve Protanopi, Döteranopi, Tritanopi ya da Akromatopsi'yi seçin (değişmemiş orijinali görmek için Yok'u seçin).
- Simüle edilmiş önizleme orijinalin yanında otomatik olarak güncellenir, böylece ikisini yan yana karşılaştırabilirsiniz.
- Herhangi bir önizlemeye tıklayarak onu yakınlaştırılabilir ışık kutusunda açın ve ayrıntıları yakından inceleyin.
- Simüle edilmiş görseli PNG olarak kaydetmek için İndir'e, temizleyip başka bir görsel denemek için Sıfırla'ya basın.
Örnekler
Kırmızı/yeşil bir durum rozetini kontrol etme
'error' için kırmızı ve 'success' için yeşil kullanan bir arayüzün ekran görüntüsünü yükleyin, Döteranopi'yi seçin ve iki rengin benzer, bulanık bir tona doğru birleşmesini izleyin — yalnızca renge güvenmek yerine simge veya etiket eklemeniz gerektiğinin bir işareti.
Bir veri grafiğini inceleme
Çok serili bir çizgi veya pasta grafiği yükleyin, Protanopi ve Tritanopi arasında geçiş yapın ve her serinin ayırt edilebilir kaldığını doğrulayın; çizgiler birbirine karışıyorsa paleti ayarlayın veya desenler ekleyin.
Tam gri tonlamalı okunabilirlik testi
Görseli yalnızca parlaklığa indirgemek için Akromatopsi'yi seçin; metin veya temel öğeler kayboluyorsa tasarımınız parlaklık kontrastı yerine renk tonuna dayanıyordur.
Sıkça sorulan sorular
- Hangi renk körlüğü türlerini simüle edebilir?
- Standart RGB dönüşüm matrislerini kullanarak protanopi (kırmızı körü), döteranopi (yeşil körü) ve tritanopiyi (mavi körü) simüle eder, ayrıca görseli parlaklık tabanlı gri tonlamaya dönüştüren akromatopsiyi destekler. Yok'u seçmek orijinal görseli değiştirmeden bırakır.
- Görselim bir sunucuya yükleniyor mu?
- Hayır. Tüm simülasyon, bir HTML tuvali kullanılarak tarayıcınızda yerel olarak gerçekleşir — dosya asla cihazınızdan ayrılmaz ve hiçbir sunucuya hiçbir şey gönderilmez, böylece çevrimdışı çalışır ve özel görselleri özel tutar.
- Hangi görsel formatlarını ve çıktıyı kullanabilirim?
- PNG, JPG ve WebP gibi yaygın raster görselleri yükleyebilirsiniz. Simüle edilmiş sonuç, varsa saydamlığı korumak için her zaman PNG olarak dışa aktarılır.
- Simülasyon ne kadar doğru?
- Arayüz ve grafiklerde renge bağımlılık sorunlarını yakalamak için harika olan, iyi bilinen doğrusal renk matrisi yaklaşımlarını kullanır. Bunlar klinik veya tıbbi bir tanı aracı değil, pratik bir tasarım yardımcısıdır; bu yüzden sonucu herhangi bir kişinin görüşünün tam bir kopyası olarak değil, bir rehber olarak değerlendirin.
- Simüle edilmiş renkler neden soluk veya kaymış görünüyor?
- Her eksiklik bir koni yanıtını kaldırır veya zayıflatır, böylece o kanala bağlı renkler kalanlara doğru kayar. Farklı renk tonlarının benzer tonlara çökmesi, tam da yayınlamadan önce tespit etmek istediğiniz etkidir.
İlgili araçlar
Koddan Görsele
Bir kod parçacığını tarayıcınızda, tema, gradyan veya saydam arka plan ve dolgu seçenekleriyle şık, söz dizimi vurgulu bir PNG kartına dönüştürün — yükleme yok.
Renk Kontrastı Denetleyici
Bir ön plan ve arka plan HEX rengi arasındaki WCAG kontrast oranını denetleyin ve normal ile büyük metin için AA ve AAA'yı geçip geçmediğini görün.
Renk Karıştırıcı
İki HEX rengi seçtiğiniz oranda RGB veya Lab renk uzayında harmanlayın ve ortaya çıkan ara rengi örnek ve kopyalanabilir HEX değeri olarak okuyun.
Renk Tonu Üretici
Tek bir temel HEX rengini, beyaza ve siyaha doğru karıştırarak Tailwind tarzı 50-950 ton ölçeğine dönüştürün; her adımda bir renk örneği ve kopyalanabilir HEX değeri.