Softonic

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

Adım 1 / 3 Simülasyon türü

Erkeklerin yaklaşık %8’inde ve kadınların %0,5’inde bir tür renk görme eksikliği vardır; en yaygın olanı kırmızı-yeşil eksikliğidir. Bir tasarım, ekran görüntüsü veya illüstrasyon yükleyin, tek bir simülasyon modu seçin ve orijinali simüle edilmiş sonuçla yan yana karşılaştırın. Grafik, harita veya arayüzün yalnızca renge dayanmadığında da anlaşılır kalıp kalmadığını kontrol etmek için kullanışlıdır.

Simülatör nasıl çalışır?

  1. 1

    Bir görüntü ekleyin

    PNG, JPG, WebP veya SVG formatlarında. Tarayıcıda işlenir, hiçbir veri yüklenmez.

  2. 2

    Simülasyon modu seçin

    Protanopi, protanomali, deuteranopi, deuteranomali, tritanopi, tritanomali, akromatopsi veya akromatomali seçin.

  3. 3

    Yan yana önizleme

    Tarayıcı bir matris dönüşümü uygular ve orijinali seçilen simülasyonun yanında gösterir.

  4. 4

    Simüle edilmiş görseli dışa aktarın

    Seçilen simülasyonu PNG olarak indirin veya tasarım incelemeleri için karşılaştırmanın ekran görüntüsünü alın.

Renk görme bozukluğunun formları

Durum Yaygınlık Özellik
Deuteranomali Erkeklerin yaklaşık %5’inde Kırmızı-yeşil anomali, M-konilerinin yer değiştirmesi
Protanomali Erkeklerin yaklaşık %1’inde Kırmızı-yeşil anomali, L-koni kayması
Deuteranopi Erkeklerin yaklaşık %1’inde görülür M-konileri yoktur, kırmızı ve yeşil neredeyse ayırt edilemez düzeydedir
Protanopia Erkeklerin yaklaşık %1’inde L-koni hücrelerinin yokluğu, kırmızı algısının değişmesi
Tritanopia çok nadir S-konusu yoktur, mavi-sarı eksen çökmüştür
Tritanomali çok nadir S-koni kayması, hafif mavi-sarı renk kaybı
Akromatopsi son derece nadir Tam renk körlüğü, yalnızca gri tonlar görülebilir

Çoğu tasarımcı kırmızı-yeşil eksiklikleri en yaygın olduğu için deuteranopi ve protanopiyle başlar, ardından daha geniş bir kontrol için anomali ve mavi-sarı modlarını ekler.

Tasarım üzerindeki etkileri

  • Durumları ayırt etmek için yalnızca kırmızı ve yeşil renge güvenmeyin. Hata/Başarı göstergeleri, renge ek olarak bir şekle, ikona veya metin etiketine de ihtiyaç duyar. Kırmızı bir X ile yeşil bir işaret birbirinden açıkça farklıdır; kırmızı ve yeşil daireler ise böyle değildir.
  • Grafikler: desen dolguları, doğrudan etiketler veya algısal açıdan farklı renk paletleri (ColorBrewer, Viridis) kullanın. Veri görselleştirmede trafik ışığı paletinden kaçının.
  • Haritalar: bölgeleri ayırt etmek için sınırlar ve çizgili kaplama kullanılır; yalnızca renk yeterli değildir.
  • Hiperbağlantılar: Hiçbir zaman yalnızca renkle stilize edilmemelidir. Alt çizgiler veya kalınlık ayarları, normal renk algısı olan kişiler de dahil olmak üzere herkes için faydalıdır.
  • Zorunlu form alanları: kırmızı yıldız işareti ve “Zorunlu” etiketi veya kırmızı kenar ile birlikte “Zorunlu” yardımcı metni.
  • Durum göstergeleri: trafik ışığının kırmızı/sarı/yeşil rengi yalnızca bir işaret olarak değil, aynı zamanda bir destekleyici olarak işlev görür.

Renk güvenli tasarım için iyi palet seçimleri

  • Viridis (matplotlib ve D3’te varsayılan olarak kullanılır): mordan sarıya uzanan renk tonu olup algıda homojendir.
  • ColorBrewer niteliksel: Yaygın CVD formlarında da ayırt edilebilir kalması için tasarlanmış 8 farklı ton.
  • Okabe-Ito: Renk görme eksikliği olan kişilerin kullanım kolaylığı için özel olarak tasarlanmış 8 renkli palet.

Araçlar ve testler

  • Simülatör önizlemeleri (bu araç), hızlı görsel kontrol.
  • WCAG Kontrast Kontrolcüsü, renk algısından bağımsız olarak metnin okunabilirliğini sağlar.
  • Gerçek kullanıcı testi, tasarımınızı gerçek renk görme eksikliği olan kullanıcılara göstermekten başka alternatif yoktur.

İlginç bir gerçek

Modern renk görme simülatörleri, koni hücrelerinin tepkilerinin RGB’ye nasıl eşlendiğini matris yaklaşımlarıyla gösterir. Önizlemeyi pratik bir tasarım kontrolü olarak kullanın; tıbbi tanı veya tek bir kişinin algısının birebir kopyası olarak değil.

Sık Sorulan Sorular

Bu yararlı bir yaklaşımdır, ancak gerçek renk algısı kişiden kişiye değişir. Kırmızı-yeşil eksikliklerinin çoğu hafiften şiddetliye uzanan bir spektrumda yer alır; bu yüzden önizlemeyi tanı olarak değil, tasarım sinyali olarak kullanın.

Deuteranomali, renk görme eksikliği olan kullanıcıların en büyük kısmını kapsamaktadır (~erkeklerin %5’i). Deuteranopiye (ağır forma) göre test yapmak muhafazakar bir yaklaşımdır; bir tasarım bu durumda işe yararsa, daha hafif form için de geçerlidir.

Evet, ancak çok daha nadiren (~0,5%). Kırmızı ve yeşil renk eksikliği X-kromozomuna bağlı resesif bir durumdur; bu nedenle erkeklerde (XY) yalnızca bir etkilenmiş X kromozomu gerekirken kadınlar (XX) için her iki X kromozomu gereklidir. Tritanopia ise otozomal bir hastalıktır ve her iki cinsiyeti eşit ölçüde etkiler.

Bu araçta doğrudan yer almıyor; bu genel düşük görüş simülasyonudur ve bulanıklık ile kontrast azaltmayı da içerir. Tam erişilebilirlik simülasyonu için ise Chrome’un Lighthouse veya NoCoffee gibi özel araçlar kullanılır.

İlgili Araçlar

Davetiye Hazırlama Aracı

Düğün, nişan, sünnet, doğum günü veya kurumsal etkinlik için davetiye hazırlayın. Metni ve renkleri kişiselleştirin, canlı önizleyin, 13 × 18 cm baskıya uygun PNG indirin.

İsimlik Oluşturucu

Ad | ikinci satır listesinden yazdırılabilir en fazla 60 isimlik oluşturun. A4 veya US Letter üzerinde sayfa başına 8 kart ya da 15 etiket seçin ve yerel olarak yazdırın.

Fotoğrafı Eskize Dönüştürme

JPEG, PNG veya WebP fotoğrafı tarayıcıda grafit, yumuşak kalem ya da füzen tonlarında eskize dönüştürüp PNG veya JPEG olarak kaydedin.

Tier Listesi Oluşturucu

Metin ve yerel görsellerle özel bir tier listesi oluşturun. Satırları özelleştirin, sürükleyerek veya klavyeyle sıralayın; JSON, PNG ya da SVG dışa aktarın.

QR Kod Okuyucu

PNG, JPG veya WebP görüntüsünden QR kodu tarayıcıda çözün. URL, Wi-Fi, vCard, SMS, e-posta, takvim, geo veya metni kullanmadan önce görün.

Grafiti Yazı Oluşturucu

Tag, balon, blok, şablon, neon ve wild efektleriyle grafiti tarzı yazılar hazırlayın. Renkleri ayarlayıp tarayıcıda PNG veya SVG olarak dışa aktarın.