Aproximativ unul din doisprezece bărbați nu vede culorile la fel ca tine. Pentru ei, un roșu și un verde pot arăta aproape identic – iar dacă design-ul tău se bazează doar pe culoare pentru a transmite un mesaj, acel mesaj se pierde. Acest simulator îți arată cum apare o culoare în cele mai frecvente forme de daltonism, ca să poți construi interfețe accesibile tuturor, totul local, în browser.
Ce este daltonismul
Daltonismul (mai corect, deficiența de vedere a culorilor) este o scădere a capacității de a distinge anumite culori. Ochiul are trei tipuri de celule receptoare numite conuri, sensibile la roșu, verde și albastru. Când unul dintre tipuri lipsește sau funcționează diferit, anumite culori se contopesc.
Este în mare parte ereditară și legată de cromozomul X, motiv pentru care afectează mult mai mulți bărbați decât femei. Cea mai frecventă formă este cea roșu-verde.
Tipurile simulate
| Tip | Ce lipsește | Frecvență |
|---|---|---|
| Protanopie | Percepția roșului | bărbați ~1% |
| Deuteranopie | Percepția verdelui | bărbați ~6% |
| Tritanopie | Percepția albastrului | foarte rar |
| Acromatopsie | Toate culorile | extrem de rar |
Protanopia și deuteranopia formează împreună daltonismul roșu-verde, de departe cel mai întâlnit. Tritanopia (albastru-galben) este rară, iar acromatopsia – lipsa totală a culorii, în care lumea apare în tonuri de gri – este extrem de rară.
Cum funcționează simularea
Simularea aplică pe valorile de culoare o transformare matematică ce reproduce modul în care un anumit tip de daltonism modifică percepția. Fiecare canal de culoare al rezultatului este o combinație ponderată a celor trei canale originale (roșu, verde, albastru), conform unei matrice specifice fiecărui tip.
Pentru acromatopsie, transformarea reduce culoarea la luminanța ei – o medie ponderată a canalelor, în care verdele cântărește cel mai mult, fiindcă ochiul este cel mai sensibil la el. Rezultatul este o nuanță de gri.
Aceste matrice sunt aproximări consacrate, suficient de precise pentru a evalua dacă un design rămâne lizibil și distinct.
De ce contează în design
Problema centrală este dependența exclusivă de culoare. Câteva exemple frecvente:
- Un indicator care arată „verde = în regulă, roșu = eroare” devine ambiguu în daltonismul roșu-verde.
- O diagramă care distinge seriile doar prin culoare devine greu de citit.
- Un link colorat, fără subliniere, se poate confunda cu textul obișnuit.
Regula de aur a accesibilității: culoarea nu trebuie să fie singurul mijloc de a transmite o informație.
Cum eviți capcanele
- Adaugă un al doilea semnal pe lângă culoare: o pictogramă (bifă/X), o formă, un model sau o etichetă text.
- Mărește diferența de luminozitate între culorile importante – contrastul de luminozitate se păstrează în aproape toate tipurile de daltonism.
- Evită perechile problematice: roșu-verde, verde-maro, albastru-mov, verde-gri.
- Testează culorile cheie ale design-ului în simulator înainte de a le finaliza.
Limitări
Simulatorul lucrează pe o culoare odată și folosește un model aproximativ. Pentru o evaluare completă, verifică și combinațiile reale de culori din interfață și, ideal, cere feedback de la utilizatori cu daltonism. Instrumentul nu înlocuiește un test medical de vedere a culorilor.
Confidențialitate: totul rămâne local
Întreaga simulare rulează în browserul tău, prin JavaScript. Nicio culoare nu este trimisă, salvată sau înregistrată pe vreun server – poți verifica liniștit și paleta confidențială a unui proiect nepublicat.
Instrumente înrudite
- Verificator de Contrast WCAG — verifică lizibilitatea textului pe fundal
- Convertor de Culori — HEX, RGB, HSL, HSV și CMYK în timp real
- Generator de Armonii de Culori — scheme de culori care se potrivesc