Renk Körlüğü Simülatörü

Görüntünüzü renk görme bozukluğu olan birinin gözünden görün. Türü seçin, önizleyin ve sonucu indirin. Her şey tarayıcınızda çalışır.

Renk körlüğü simülatörü nasıl çalışır

Renk Körlüğü Simülatörü, görüntünüzü protanopi (kırmızı körü), deuteranopi (yeşil körü), tritanopi (mavi körü) veya akromatopsi (tam renk körlüğü) olan kişilere nasıl göründüğünü göstermek için renk dönüşüm matrisleri uygular. Matrisler, tarayıcınızda Canvas.getImageData() ve Canvas.putImageData() kullanılarak piksel piksel uygulanır. Hiçbir görüntü verisi sunucuya iletilmez.

Simülasyonlar, renk görme yetmezliği araştırmalarından türetilen yayımlanmış algısal modellere dayanmaktadır. Bunlar, etkilenen bir kişinin görsel sisteminin rengi nasıl işlediğine dair yaklaşımlardır; değişkenlik gösteren bireysel deneyimin tam reproduksiyonları değildir. Araç, tasarımcılar ve geliştiricilerin izleyicilerinin önemli bir bölümünü etkileyen kontrast veya renk kodlama sorunlarını belirlemelerine yardımcı olmak için tasarlanmıştır: erkeklerin yaklaşık yüzde 8'i ve kadınların yüzde 0,5'i bir tür renk görme yetmezliğine sahiptir.

Yazan: Bastien Sulyan

Renk körlüğü simülatörü nasıl kullanılır, adım adım

Görüntünüzü yükleme alanına sürükleyin veya göz atmak için tıklayın.
Menüden bir renk görme yetmezliği türü seçin: protanopi, deuteranopi, tritanopi veya akromatopsi.
Karşılaştırma panelinde simüle edilmiş sonucu orijinalin yanında görüntüleyin.
Her koşulun görüntüyü nasıl etkilediğini karşılaştırmak için simülasyon türleri arasında geçiş yapın.
Yalnızca rengin bilgi aktardığı ve kaybolabilecek alanları belirlemek için yan yana görünümü kullanın.

Yaygın kullanım örnekleri

Bir UI tasarımcısı, bir özelliği yayınlamadan önce kırmızı-yeşil durum göstergesinin deuteranopisi olan kullanıcılar için ayırt edilebilir olup olmadığını kontrol ediyor.
Bir veri görselleştirme yazarı, renk kodlu serili çok satırlı bir grafiğin protanopi simülasyonunda okunabilir kaldığını doğruluyor.
Bir marka tasarımcısı, bir logonun tanınabilir şekil ve kontrast koruduğunu sağlamak için gradyan renklerinin akromatopsi altında nasıl okunduğunu değerlendiriyor.
Bir oyun geliştiricisi, renk kodlu harita bölgelerinin tritanopisi olan oyuncular tarafından ayırt edilip edilemediğini test eder ve renk kodlamasını desteklemek için desen dolgular ekler.

Sık sorulan sorular

Renk körlüğü simülasyonları ne kadar doğru?

Simülasyonlar, renk görme yetmezliği araştırmalarından türetilen algısal dönüşüm matrisleri uygular. Bilimsel temele dayanan, her koşulun tipik vakalarına ilişkin yaklaşımlardır. Bireysel deneyim değişiklik gösterir: aynı tanıya sahip kişiler arasında şiddet farklılık gösterir ve simülasyon, bazı kullanıcıların geliştirdiği telafi stratejilerini hesaba katamaz. Çıktıyı kesin bir test olarak değil, yararlı bir gösterge olarak değerlendirin.

Araç tüm renk körlüğü türlerini kapsıyor mu?

Kapsanan dört tür, renk görme yetmezliğinin ve tam renk körlüğünün en yaygın formlarıdır. Kısmi yetmezlikleri temsil eden anomalous trikromasi türleri (protanomali, deuteranomali, tritanomali) mevcut sürümde ayrıca modellenmemiştir.

Simülasyonu üretmek için görüntüm sunucuda analiz ediliyor mu?

Hayır. Renk matrisi dönüşümü, piksel dizisini okumak için Canvas.getImageData() ve sonucu yazmak için Canvas.putImageData() kullanılarak yerel olarak hesaplanır. Tüm işlem tarayıcı sekmesinde gerçekleşir ve görüntü verisi cihazınızda kalır.

Renk kontrast oranlarını kontrol etmek için bu aracı kullanabilir miyim?

Bu araç, renklerin renk görme yetmezliği olan kişilere nasıl göründüğünü gösterir ancak WCAG kontrast oranlarını sayısal olarak hesaplamaz. Sayısal kontrast kontrolü için, HEX kabul eden ve tüm yaygın renk modellerine dönüştüren Renk Dönüştürücü aracını kullanın; bu araç WCAG kontrast denetleyicisi içerir.

Araç metin içeren görüntülerle çalışıyor mu?

Evet. Dönüşüm, görüntüde oluşturulan metin dahil tüm piksel dizisine uygulanır. Bu, her simüle edilmiş koşul altında metin renginin arka planına karşı okunabilir kalıp kalmadığını kontrol etmenizi sağlar.

İlgili araçlar

Her şeyi yerel tutun, tamamlayıcı araçları keşfedin.

Tüm görsel araçları