Simulator de daltonism

Vedeți imaginea dumneavoastră prin ochii unei persoane cu o deficiență a vederii cromatice. Alegeți tipul, previzualizați și descărcați rezultatul. Totul rulează în browser.

Cum funcționează Simulator de daltonism

Color Blindness Simulator aplică matrice de transformare a culorii imaginii dumneavoastră pentru a arăta cum apare persoanelor cu protanopie (orb la roșu), deuteranopie (orb la verde), tritanopie (orb la albastru) sau acromatopsie (daltonism complet). Matricele sunt aplicate pixel cu pixel folosind Canvas.getImageData() și Canvas.putImageData() în browserul dumneavoastră. Nicio dată de imagine nu este transmisă către un server.

Simulările se bazează pe modele perceptuale publicate derivate din studii privind deficiența vederii în culori. Acestea sunt aproximări ale modului în care sistemul vizual al unei persoane afectate procesează culoarea, nu reproduceri exacte ale experienței individuale, care variază. Unealta este concepută pentru a ajuta designerii și dezvoltatorii să identifice probleme de contrast sau de codare în culori care ar afecta o proporție semnificativă a audienței lor: aproximativ 8 la sută din bărbați și 0,5 la sută din femei au o formă de deficiență a vederii în culori.

Scris de Bastien Sulyan

Cum se folosește Simulator de daltonism, pas cu pas

Trasați imaginea în zona de încărcare sau dați clic pentru a naviga.
Selectați un tip de deficiență a vederii în culori din meniu: protanopie, deuteranopie, tritanopie sau acromatopsie.
Vizualizați rezultatul simulat alături de original în panoul de comparație.
Comutați între tipurile de simulare pentru a compara cum afectează fiecare condiție imaginea.
Folosiți vederea side-by-side pentru a identifica zonele în care culoarea singură transmite informații care pot fi pierdute.

Cazuri de utilizare frecvente

Un designer UI verifică dacă un indicator de stare rosu-verde este distinguibil pentru utilizatorii cu deuteranopie înainte de a livră o functionalitate.
Un autor de vizualizare de date verifică dacă un grafic cu mai multe linii cu serii codificate în culori rămâne lizibil în simularea protanopiei.
Un designer de brand evaluează cum se citește un logo cu culori gradient sub acromatopsie pentru a se asigură că își păstrează forma și contrastul recognoscibil.
Un dezvoltator de jocuri testează dacă zonele hârtii codificate în culori sunt distinguibile pentru jucatorii cu tritanopie și adaugă umpluturi cu modele pentru a completă codificarea în culori.

Întrebări frecvente

Cât de precise sunt simularile de daltonism?

Simularile aplică matrice de transformare perceptuală derivate din cercetări publicate privind deficiență vederii în culori. Sunt aproximari bazate științific ale cazurilor tipice ale fiecărei condiții. Experiență individuală variază: severitatea difera între persoanele cu același diagnostic, iar simularea nu poate ține cont de strategiile compensatorii pe care unii utilizatori le dezvolta. Tratează ieșirea ca un indicator util, nu ca un test definitiv.

Acoperă unealta toate tipurile de daltonism?

Cele patru tipuri acoperite sunt cele mai comune forme de deficiență a vederii în culori și daltonism complet. Tipurile de tricromație anormală (protanomalie, deuteranomalie, tritanomalie), care reprezintă deficiente partiale, nu sunt modelate separat în versiunea curentă.

Este imaginea mea analizata pe un server pentru a produce simularea?

Nu. Transformarea matricei de culoare este calculată local folosind Canvas.getImageData() pentru a citi tabloul de pixeli și Canvas.putImageData() pentru a scrie rezultatul. Toată procesarea are loc în interiorul tabului de browser, iar datele imaginii rămân pe dispozitivul dumneavoastră.

Pot folosi această unealtă pentru a verifica rapoartele de contrast ale culorii?

Această unealtă arată cum apar culorile persoanelor cu deficiență vederii în culori, dar nu calculează numeric rapoartele de contrast WCAG. Pentru verificarea numerica a contrastului, folosește unealta Color Converter, care include un verificator de contrast WCAG.

Funcționează unealta cu imagini care conțin text?

Da. Transformarea este aplicată întregului tablou de pixeli, inclusiv oricărui text redat în imagine. Aceasta vă permite să verificați dacă culoarea textului față de fundalul său rămâne lizibilă în fiecare condiție simulată.

Instrumente conexe

Păstrează totul local, explorează instrumente complementare.

Toate instrumentele de imagine