Color Blindness Simulator
Simulate how colors appear to people with protanopia, deuteranopia, and tritanopia.
Red
Green
Blue
Orange
Purple
Yellow
Cyan
Pink
À propos de cet outil
Le Simulateur de Daltonisme applique des filtres de matrice de couleur CSS à des couleurs d'exemple pour montrer l'apparence des designs pour les personnes ayant différents types de déficience visuelle des couleurs.
Utilisez cet outil lors de la conception de composants UI, graphiques, cartes ou tout contenu visuel qui s'appuie sur la couleur.
Types de daltonisme
- Vision normale: Vision normale : perception complète des couleurs
- Protanopie (aveugle rouge): Protanopie : absence de cônes rouges (~1% des hommes)
- Deutéranopie (aveugle vert): Deutéranopie : absence de cônes verts (plus fréquente, ~1% des hommes)
- Tritanopie (aveugle bleu): Tritanopie : absence de cônes bleus (rare, ~0,003%)
- Achromatopsie (sans couleur): Achromatopsie : aucune perception des couleurs, niveaux de gris uniquement (très rare)
- Achromatomalie (couleur réduite): Achromatomalie : sensibilité réduite aux couleurs sur plusieurs types de cônes
Comment utiliser
- Sélectionnez un type de simulation dans la liste déroulante.
- Observez comment les échantillons de couleur et le spectre changent avec le filtre appliqué.
- Comparez avec la vision normale pour identifier les combinaisons de couleurs problématiques.
Cas d'utilisation
Les designers UI/UX vérifient que les états des boutons et les indicateurs de statut restent distinguables. Les créateurs de visualisations de données s'assurent que les couleurs des graphiques sont accessibles.
Questions fréquentes
- Quelle est la précision de ces simulations ? — Elles utilisent des transformations de matrice de couleur établies et sont de bonnes approximations.
- Quel pourcentage de personnes est daltonien ? — Environ 8% des hommes et 0,5% des femmes ont une forme de déficience visuelle des couleurs.
- Quelle est la meilleure façon de concevoir pour le daltonisme ? — Combinez la couleur avec d'autres indices visuels comme la forme, le motif, l'étiquette ou la texture. Assurez un contraste suffisant et testez avec plusieurs types de simulation.