Simulateur de Daltonisme
Simuler comment les couleurs apparaissent aux personnes atteintes de différents types de déficience visuelle des couleurs (CVD) y compris protanopie, deutéranopie et tritanopie.
Input Color
Color Vision Deficiency Simulation
Normal Vision
Full trichromatic color vision
Protanopia
Absent red (L) cones — ~1% of males
Deuteranopia
Absent green (M) cones — ~1% of males
Tritanopia
Absent blue (S) cones — very rare
Protanomaly
Weakened red (L) cones — ~1% of males
Deuteranomaly
Weakened green (M) cones — ~5% of males
Tritanomaly
Weakened blue (S) cones — rare
Achromatopsia
Total color blindness — monochromacy
Color Pair Contrast Checker
See how the contrast between two colors holds up across all CVD types.
| Type | Color 1 | Color 2 | Ratio | AA |
|---|---|---|---|---|
| Normal Vision | #3b82f6 | #ffffff | 3.68:1 | Fail |
| Protanopia | #5f85fc | #ffffff | 3.36:1 | Fail |
| Deuteranopia | #4d74f3 | #ffffff | 4.11:1 | Fail |
| Tritanopia | #1499a5 | #ffffff | 3.43:1 | Fail |
| Protanomaly | #5282f9 | #ffffff | 3.55:1 | Fail |
| Deuteranomaly | #497cf5 | #ffffff | 3.83:1 | Fail |
| Tritanomaly | #3786c5 | #fcffff | 3.88:1 | Fail |
| Achromatopsia | #7b7b7b | #ffffff | 4.23:1 | Fail |
AA = WCAG 2.1 Level AA normal text (4.5:1 minimum). Both colors are independently simulated for each CVD type before the ratio is calculated.
Comment utiliser Simulateur de Daltonisme
- 1Entrer une couleur en utilisant le sélecteur de couleur ou l'entrée hex.
- 2Sélectionner un type de déficience visuelle des couleurs à simuler.
- 3Comparer les couleurs originales et simulées côte à côte.
- 4Vérifier les rapports de contraste pour la conformité à l'accessibilité.
Transformez votre trafic en clients.
- Suivi des visiteurs en temps réel
- Vie privée d'abord, sans bandeau cookies
- Installé en deux minutes