İçeriğe atla
SPCXTools

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

Tasarımlarınızın erişilebilir olduğundan emin olmak için görsellerinizi renk görme eksikliği olan birinin gözünden önizleyin.

Yerel çalışır — dosyalarınız cihazınızdan dışarı çıkmaz

Araç yükleniyor…

Renk Körlüğü Simülatörü nasıl kullanılır

  1. 1Bir görseli yükleme alanına sürükleyip bırakın veya cihazınızdaki dosyalara göz atmak için tıklayın.
  2. 2Araç, orijinal görselinizle birlikte dört farklı renk körlüğü simülasyonunu gösteren bir ızgarayı anında oluşturur.
  3. 3Renk kontrastınızın ve görsel ipuçlarınızın tam renkli görme olmadan net kalıp kalmadığını kontrol etmek için görselleri karşılaştırın.
  4. 4Kayıtlarınız veya sunumlarınız için PNG dosyası olarak kaydetmek üzere herhangi bir simülasyonun yanındaki indirme simgesine tıklayın.

Hızlı ve gizlilik odaklı renk körlüğü simülatörü

Herkes için tasarım yapmak, görsel içeriğinizin renk görme eksikliği (CVD) olan kişiler tarafından da okunabilir olmasını sağlamak demektir. Bu renk körlüğü simülatörü; ister bir kullanıcı arayüzü taslağı, ister veri görselleştirmesi veya bir fotoğraf olsun, herhangi bir görseli yüklemenize ve renk körü birine nasıl göründüğünü anında görmenize olanak tanır.

Araç tamamen web tarayıcınızda çalıştığı için görselleriniz asla bir sunucuya yüklenmez. Gizli arayüz tasarımlarını, henüz yayınlanmamış oyun materyallerini veya özel müşteri çalışmalarını güvenle test edebilirsiniz. Piksel işleme doğrudan cihazınızda gerçekleşir ve sunucuya yüklemeyi beklemeden anında geri bildirim sağlar.

Renk görme bozukluğunun dört türü

İnsanlarda renkli görme, gözde kırmızı, yeşil ve mavi ışığı emen üç tür koni hücresine dayanır. Bu konilerden biri veya birkaçı eksik olduğunda veya düzgün çalışmadığında renklerin algılanma şekli değişir. Bu araç, dört ana kategoriyi 1.0 şiddet seviyesinde (etkilenen koninin tamamen yokluğu) simüle eder:

Protanopi (Kırmızı Renk Körlüğü) Protanopi hastalarında kırmızı koniler eksiktir. Kırmızı renkler normalden çok daha koyu görünür, genellikle siyah veya koyu kahverengiye kayar; yeşiller, sarılar ve turuncular ise sarının benzer tonları gibi algılanır. Parlak kırmızı metinler koyu bir arka plan üzerinde neredeyse görünmez hale gelebileceğinden, uyarı etiketleri veya hata durumları tasarlarken bir protanopi simülatörü kullanmak çok önemlidir.

Deuteranopi (Yeşil Renk Körlüğü) Deuteranopi, yeşil konilerin eksikliğinden kaynaklanan en yaygın renk körlüğü türüdür. Kırmızılar, yeşiller, kahverengiler ve turuncular arasında ayrım yapmayı inanılmaz derecede zorlaştırması bakımından protanopiye çok benzer. Bir deuteranopi test görseli oluşturmak, özellikle trafik lambası sistemleri veya kâr ve zararı gösteren finansal grafikler gibi tasarımları değerlendirirken en önemli adımlardan biridir.

Tritanopi (Mavi Renk Körlüğü) Tritanopi, mavi konilerin eksik olduğu çok daha nadir görülen bir durumdur. Tritanopisi olan kişiler mavileri yeşillerle, sarıları ise morlar veya pembelerle karıştırırlar. Dünya büyük ölçüde kırmızı, camgöbeği ve pembe tonlarında görünür.

Akromatopsi (Monokromasi) Akromatopsi, tam renk körlüğüdür. Bu duruma sahip kişiler dünyayı tamamen gri tonlamalı görürler. Nadir görülmesine rağmen, akromatopsi testi yapmak en üst düzey erişilebilirlik renk kontrolüdür. Tasarımınız tamamen gri tonlamalı olarak çalışıyorsa, renk tonundan ziyade kontrast ve şekle dayanıyor demektir; bu da neredeyse herkes için erişilebilir olacağı anlamına gelir.

Erişilebilirlik renk kontrolü ne zaman kullanılmalı?

Anlamı ifade etmek için sadece renklere güvenmek yaygın bir tasarım hatasıdır. Tasarımlarınızı bir renk körlüğü simülatörü ile test etmek, bu sorunları kullanıcılarınıza ulaşmadan önce fark etmenizi sağlar.

Veri görselleştirme ve grafikler. Çizgi ve pasta grafiklerde genellikle farklı renklerde karelerden oluşan bir lejant kullanılır. İki çizgiyi ayırmak için kırmızı ve yeşil kullanırsanız, bu renkler döteranopi (yeşil renk körlüğü) olan birine tamamen aynı görünebilir. Grafiklerinizi test etmek; desenler, farklı çizgi kalınlıkları veya doğrudan etiketler eklemeniz gereken durumları fark etmenizi sağlar.

Kullanıcı arayüzü ve web tasarım. Hata mesajları genellikle kırmızı, başarı mesajları ise yeşildir. Bir form alanı hatayı belirtmek için kırmızıya dönüyor ancak yanında bir simge veya metin açıklaması bulunmuyorsa, renk körü bir kullanıcı hatayı fark etmeyebilir. Metinlerin okunabilir ve arayüz durumlarının anlaşılır olduğundan emin olmak için bu aracı Renk Kontrastı Kontrolü ile birlikte kullanabilirsiniz.

Oyun tasarımı. Video oyunlarında dostu düşmandan ayırmak veya etkileşimli öğeleri vurgulamak için sıklıkla renklerden yararlanılır. Oyun içi ekran görüntülerinizi simüle etmek, renk körlüğü (CVD) olan oyuncular için kritik oynanış öğelerinin arka planda kaybolmamasını sağlar.

Marka kimliği. Yeni bir marka yaratırken, logo ve pazarlama materyallerinin nasıl göründüğünü test etmek faydalıdır. Renklerin ayırt edilebilirliğini artırmak için marka renklerinizde değişiklik yapmanız gerekirse, daha erişilebilir bir temel oluşturmak için Renk Paleti Oluşturucu aracını kullanabilir veya mevcut tasarımlarınızdaki sorunlu tonları seçip ayarlamak için Görselden Renk Seçici aracını deneyebilirsiniz.

Renk körlüğü simülatörü görüntüleri nasıl işler

Bu araç sadece basit bir renk filtresi uygulamaz. Machado, Oliveira ve Fernandes (2009) tarafından geliştirilen, bilimsel olarak doğrulanmış dönüşüm matrislerini kullanır.

Doğru bir simülasyon elde etmek için araç, öncelikle görüntünüzdeki standart sRGB piksellerini doğrusal RGB renk uzayına dönüştürür. Standart dijital görüntüler renk verilerini verimli depolamak için doğrusal olmayan bir gama eğrisi kullandığından bu adım son derece önemlidir. Renk körlüğü hesaplamalarını doğrudan doğrusal olmayan piksellere uygulamak, hatalı ve aşırı karanlık simülasyonlara yol açar. Araç; doğrusal ışığa dönüştürme, Machado matrislerini uygulama ve tekrar sRGB'ye dönüştürme adımları sayesinde ışığın insan gözüne ulaşma fiziğini birebir taklit eder.

Piksel piksel yapılan bu hesaplamalar yüksek işlem gücü gerektirdiğinden, araç çok büyük görüntüleri otomatik olarak küçültür (en uzun kenarı 1200 piksel ile sınırlar). Bu sayede tarayıcı, cihazınızın belleğini tüketmeden veya sayfayı dondurmadan hesaplamaları yapabilir ve dört farklı simülasyonu anında oluşturabilir.

Sıkça sorulan sorular

Bu araç hangi renk körlüğü türlerini simüle eder?
Dört temel renk görme eksikliği (CVD) türünü maksimum şiddette simüle eder. Bunlar Protanopi (kırmızı renk körlüğü), Döteranopi (yeşil renk körlüğü), Tritanopi (mavi renk körlüğü) ve Akromatopsi (tam renk körlüğü veya monokromasi) olarak sıralanabilir.
Görsellerim bir sunucuya yükleniyor mu?
Hayır. Tüm görsel işleme ve matris hesaplamaları HTML5 Canvas kullanılarak doğrudan tarayıcınızda yerel olarak gerçekleşir. Dosyalarınız cihazınızdan asla ayrılmaz; böylece yayınlanmamış tasarımlar, müşteri işleri veya hassas ekran görüntüleri için tam gizlilik sağlanır.
Simülasyon ne kadar doğru?
Araç, saygın Machado, Oliveira ve Fernandes (2009) algoritmasını kullanır. Standart sRGB piksellerini dönüşüm matrislerini uygulamadan önce doğrusal RGB uzayına dönüştürerek, ileri derece renk görme eksikliğinin oldukça doğru ve matematiksel olarak sağlam bir yaklaşımını sunar.
Büyük görselim neden biraz küçültülüyor?
Renk körlüğünü simüle etmek, bir görseldeki her bir piksel için dört farklı matris üzerinden yeni değerler hesaplamayı gerektirir. Bu karmaşık işlemin tarayıcınızda donmadan anında çalışmasını sağlamak için, en uzun kenarı 1200 pikselden büyük olan görseller simülasyondan önce orantılı olarak küçültülür.
Simüle edilen görselleri kaydedebilir miyim?
Evet. Izgara oluşturulduktan sonra, simüle edilmiş varyasyonlardan herhangi birinin yanındaki indirme simgesine tıklayarak o renk körlüğü test görselinin PNG sürümünü doğrudan bilgisayarınıza veya telefonunuza kaydedebilirsiniz.
Tasarımda renk erişilebilirliği neden önemlidir?
Erkeklerin yaklaşık %8'i ve kadınların %0,5'i bir tür renk görme eksikliğine sahiptir. Tasarımınız kritik bilgileri iletmek için yalnızca renklere dayanıyorsa —örneğin kırmızı/yeşil durum göstergesi veya renk kodlu bir grafik gibi— milyonlarca insan için tamamen kullanılamaz olabilir.