Color Blindness Simulator
See how any color appears to people with color vision deficiency
#3B82F6rgb(59, 130, 246)#418EFArgb(65, 142, 250)#007DF4rgb(0, 125, 244)#009EB0rgb(0, 158, 176)#7B7B7Brgb(123, 123, 123)About Color Vision Deficiency
Approximately 8% of men and 0.5% of women worldwide have some form of color vision deficiency. Protanopia (red-blind) and deuteranopia (green-blind) are the most common types. This tool uses scientifically accurate color transformation matrices to simulate how colors appear to individuals with these conditions, helping designers create more accessible interfaces.
Color Blindness Simulator
See how any color appears to people with color vision deficiency
Features
- Simulate four color vision deficiencies: protanopia (no L-cones), deuteranopia (no M-cones), tritanopia (no S-cones), achromatopsia (greyscale)
- Uses scientifically-accurate Brettel / Vienot / Machado transformation matrices
- Proper sRGB gamma correction before applying the matrix (linear-light math)
- Real-time hex-color input with side-by-side comparison
- Useful for verifying UI color contrast for ~8% of male users (red-green color blindness) and ~0.5% of female users
How to use
- Choisissez une couleur avec le sélecteur ou entrez une valeur hexadécimale.
- Visualisez l'apparence simulée pour chaque type de déficience de vision des couleurs.
- Comparez la couleur originale avec les quatre simulations côte à côte.
- Copiez les valeurs hexadécimales simulées pour les utiliser dans vos designs.
Tips & Best Practices
- Protanopia and deuteranopia are the most common (red-green color blindness). Tritanopia (blue-yellow) is rare.
- Achromatopsia is total color blindness — extremely rare (~1 in 30,000), but a useful "ground truth" for ensuring contrast works on luminance alone.
- WCAG contrast requirements (4.5:1 for normal text) work for color blindness too — sufficient contrast → readable for everyone.
- For UI elements that rely on color alone (red error / green success), add an icon or text label.
- For data visualisations, palettes like Viridis, Cividis, and ColorBrewer's color-blind-friendly sets are safe by design.
FAQ
Quelle est la précision de ces simulations ?
Les simulations utilisent les matrices de transformation des couleurs de Machado, Oliveira et Fernandes (2009), qui figurent parmi les modèles scientifiquement les plus précis disponibles pour simuler la déficience de vision des couleurs.
Quel est le type de daltonisme le plus courant ?
La deutéranopie (cécité au vert) et la protanopie (cécité au rouge) sont les plus courantes, affectant environ 6% et 2% des hommes respectivement. La tritanopie (cécité au bleu) est rare, et l'achromatopsie (daltonisme total) est extrêmement rare.
Comment rendre mes designs plus accessibles ?
Évitez de vous fier uniquement à la couleur pour transmettre des informations. Utilisez des motifs, des étiquettes et un contraste suffisant. Testez votre palette de couleurs avec ce simulateur pour vous assurer que les éléments critiques de l'interface restent distinguables.
Mes données sont-elles sûres et privées ?
Tout le traitement se fait localement dans votre navigateur. Aucune donnée n'est envoyée à aucun serveur.
Cet outil est-il gratuit ?
Oui, cet outil est entièrement gratuit sans inscription requise.