Libreng Simulator ng Color Blindness
Tingnan kung paano makikita ang iyong disenyo ng mga taong may color vision deficiency. Ini-simulate ang protanopia, deuteranopia, tritanopia, achromatopsia, at mga mas banayad na anomalya.
I-drop ang file dito, o mag-click para mag-browse
JPG, PNG, WebP, HEIC, HEIF Β· pinoproseso sa iyong device
o pindutin ang Ctrl+V para i-paste mula sa clipboard
Ang iyong mga file ay hindi kailanman lumalabas sa iyong device. Lahat ng pagproseso ay nangyayari nang lokal sa iyong browser.
Mag-upload ng disenyo, infographic, o larawan para makita kung paano ito nakikita ng mga taong may color vision deficiency. Lalo itong kapaki-pakinabang para sa: mga designer ng chart, UX designer, at mga accessibility audit.
Mga karaniwang gamit
- I-audit ang Chart at Graph para sa Color BlindnessI-test ang data visualization upang masiguro na ito ay maintindihan para sa ~8% ng mga lalaki na may color vision deficiency.
- I-audit ang UI Design para sa AccessibilityTingnan ang iyong app UI screenshot sa CVD mode β siguraduhing lahat ng state indicator ay visible sa lahat.
- I-test ang Print Design para sa Color AccessibilityAng mga poster, infographic, at printed material ay lahat ay makikinabang mula sa CVD check bago mag-print.
- Photographer Color EducationAng mga photographer ay maaaring gumamit ng simulator upang maintindihan kung paano maaaring makita ng kanilang viewer ang kulay sa kanilang gawa.
- Magturo tungkol sa Color Vision DeficiencyIpakita sa mga estudyante, designer, o developer kung ano talaga ang hitsura ng CVD.
Paano ito Gumagana
Sini-simulate ang color vision deficiency (CVD) gamit ang Brettel-ViΓ©not color transformation matrices β ang standard algorithm na ginagamit sa accessibility tools.
- 1Mag-drop ka ng larawanNilo-load ang larawan sa isang canvas sa iyong browser. Pinaliliit ang mga pixel para sa performance (max 1200 px sa pinakamahabang gilid).
- 2May 3Γ3 na color transform na ina-apply sa bawat pixelMay sariling matrix ang bawat CVD type. Para sa deuteranopia (green-blind), pinaghahalo ang red at green channel sa paraang ginagaya ang nakikita ng mga taong may L+S cone lang.
- 3Ipinapakita ang na-transform na larawan katabi ng orihinalMagpalit sa pagitan ng mga CVD type para makita kung paano mukhang ang parehong larawan para sa ~8% ng mga lalaking may anumang uri ng color vision deficiency.
Nananatili sa browser mo ang iyong larawan. Kahit ang simulation math ay lokal na tumatakbo sa iyong CPU β walang server, walang API, walang pag-upload.
Mga Kaugnay na Tool
Color Vision Test
Magsagawa ng 15-plate na screening ng paningin sa kulay na may mga dot pattern na ginawa agad, i-type ang numerong nakikita mo, at makakuha ng maingat na buod ng mga hilig sa pula-berde o asul-dilaw. Hindi diagnosis.
Pansuri ng WCAG Color Contrast
Suriin kung ang dalawang kulay ay nakakatugon sa mga pamantayan ng WCAG AA at AAA contrast para sa accessibility. Live preview sa maraming laki ng teksto na may awtomatikong mungkahi kapag mababa ang contrast.
Pagsubok sa Webcam
Tiyaking gumagana ang webcam mo bago ang tawag β live preview, aktuwal na resolution at frame rate, at snapshot na puwede mong i-download.