Développeur

Simulateur de Daltonisme

Simulez 8 types de déficience de vision des couleurs et vérifiez la conformité de contraste WCAG.

Couleur de premier plan

Couleur d'arrière-plan

Sélectionner le type

Deutéranopie

Population affectée ~1%

Deutéranopie

Aperçu du texte

Grand texte exemple

Petit texte exemple

Ratio de Contraste

3.98:1

Texte normal: FailGrand texte: AA

Résultats de simulation

Original

#3b82f6

Protanopie

4.4:1

#418efa

~1% of population

Deutéranopie

3.7:1

#007df4

~1% of population

Tritanopie

4.5:1

#009eb0

<0.1% of population

Protanomalie

4.3:1

#3f8af9

~1% of population

Deutéranomalie

3.8:1

#227ff5

~5% of population

Tritanomalie

4.2:1

#0093d0

<0.1% of population

Achromatopsie

3.9:1

#858585

<0.01% of population

Achromatomalie

4.0:1

#6f84bd

~0.1% of population

Comparaison de contraste

Type de déficience	Ratio	Texte normal	Grand texte
Original	3.98:1	Fail	AA
🔴Protanopie	4.42:1	Fail	AA
🟢Deutéranopie	3.71:1	Fail	AA
🔵Tritanopie	4.51:1	AA	AAA
🔶Protanomalie	4.26:1	Fail	AA
🟡Deutéranomalie	3.81:1	Fail	AA
🔷Tritanomalie	4.24:1	Fail	AA
⬛Achromatopsie	3.94:1	Fail	AA
◻️Achromatomalie	3.97:1	Fail	AA

À propos du Simulateur de Daltonisme

Simule 8 types de déficience de vision des couleurs et vérifie la conformité de contraste WCAG.

Parcourir tous les outils Développeur

Comment Utiliser

Saisissez des couleurs, visualisez les simulations, vérifiez la conformité WCAG AA/AAA.

Cas d'Utilisation

Choix de couleurs accessibles
Test d'interface pour les daltoniens
Conformité WCAG
Design d'interface inclusif
Accessibilité des couleurs de marque

Comment utiliser Simulateur de Daltonisme Faites une pause et jouez à des jeux gratuits dans votre navigateur

Toutes les Publications

c/tools_color-blindness-simulator0

Voir Tout Créer une Publication