Color Blindness Simulator

Paano gamitin ang color blindness simulator

1. I-drop ang larawan sa drop zone o i-click ito para pumili ng file (JPG, PNG, WebP, GIF…). Puwede mo ring i-click ang Gumamit ng sample na larawan para mag-load ng test chart ng mga kulay at ng mga pares ng kulay na madaling mapagkamalan.
2. Piliin ang Uri ng color vision deficiency: Protanopia, Deuteranopia, Tritanopia, ang mas banayad na anyo nitong Protanomaly, Deuteranomaly at Tritanomaly, o Achromatopsia.
3. Para sa tatlong anomalous na uri, itakda ang Tindi mula 10 % hanggang 90 %.
4. Pumili ng Tanaw: ipinapakita ng Magkatabi ang orihinal at ang simulated na larawan nang magkatabi; ipinapatong naman ng Slider ang isa sa isa para maigalaw mo ang hati sa buong larawan.
5. I-click ang I-download ang simulated na larawan para i-save ang resulta bilang PNG.

Hindi umaalis sa iyong device ang larawan: binabasa at pinoproseso ito sa iyong browser. Ang napakalalaking larawan ay binabawasan sa 1,600 pixel sa pinakamahabang gilid para mabilis ang simulation.

Ang mga uri ng color blindness

Ang normal na paningin sa kulay ay nakasalalay sa tatlong uri ng cone cell, na sensitibo sa mahaba (L, “pula”), katamtaman (M, “berde”) at maikling (S, “asul”) wavelength.

• Protanopia at protanomaly: nawawala o nagbago ang L cone. Mas madilim ang mga pula at napagkakamalan sa berde at kayumanggi. Mga 1 % ng mga lalaki ang may bawat anyo.
• Deuteranopia at deuteranomaly: nawawala o nagbago ang M cone. Ang deuteranomaly ang pinakakaraniwang deficiency, na tumatama sa mga 5 % ng mga lalaking lahing European; nagiging mahirap pag-iba-ibahin ang pula, orange, dilaw at berde.
• Tritanopia at tritanomaly: apektado ang S cone. Nagkakahalo ang asul at berde, at ang dilaw at rosas. Bihira ito (mas mababa pa sa 0.1 %) at pantay na tumatama sa lalaki at babae.
• Achromatopsia (rod monochromacy): walang gumaganang cone, kaya kulay-abo ang nakikita, madalas na may sensitibidad sa liwanag. Tumatama ito sa mga 1 sa bawat 30,000 tao. Ang liwanag (luminance) lang ng larawan ang ipinapakita ng simulation.

Sa kabuuan, humigit-kumulang 1 sa 12 lalaki at 1 sa 200 babae ang may anyo ng red-green color vision deficiency.

Paano gumagana ang simulation

Ginagamit ng tool ang physiologically based na modelo nina Machado, Oliveira at Fernandes (2009), “A Physiologically-based Model for Simulation of Color Vision Deficiency”, IEEE Transactions on Visualization and Computer Graphics 15(6). Naglathala ang mga may-akda ng isang 3 × 3 matrix para sa bawat deficiency at bawat tindi mula 0 hanggang 1 sa hakbang na 0.1; gumagamit ang tool ng tindi 1 para sa mga uring “-opia” at nag-i-interpolate sa pagitan ng mga nailathalang hakbang para sa mga anomalous na uri.

Nakadefine ang mga matrix na ito para sa linear RGB. Kaya ang bawat pixel ay dine-decode mula sa sRGB tungo sa linear na liwanag, minumultiply sa matrix, kino-clamp, at ine-encode pabalik sa sRGB. Kapag direktang inilapat ang mga matrix sa mga halagang gamma-encoded, gaya ng ginagawa ng maraming mabilisang filter, nagiging sobrang dilim ng mga pula. Ginagamit ng achromatopsia ang standard na sRGB luminance weight (0.2126, 0.7152, 0.0722).

Pagtataya lang ang simulation. Iba-iba ang paningin sa kulay ng bawat tao, at hindi kayang ipakita ng screen nang eksakto ang nakikita ng iba. Gamitin ito para humanap ng problema, saka kumpirmahin sa mga totoong user kung kaya.

Mga tip para sa disenyong friendly sa color-blind

• Huwag umasa sa kulay lang: magdagdag ng label, icon, pattern o underline.
• Iwasan ang pares na pula/berde para sa mabuti/masamang estado; mas ligtas ang asul/orange.
• Panatilihin ang malakas na pagkakaiba ng liwanag sa mga kulay na kailangang mapag-iba. Subukan ito gamit ang Achromatopsia: kung magkapareho ang abo ng dalawang area, mahihirapan ang marami.
• Subukan ang mga chart, mapa, status badge at error sa form, hindi lang ang mga litrato.