Simulateur de daltonisme
Vos couleurs sont-elles toutes distinguables ? Choisissez votre palette ou une image : vous la voyez comme la voient les personnes daltoniennes, et l’outil repère les couleurs qui se confondent.Les simulations suivent des modèles scientifiques publiés. Tout se passe dans votre navigateur : une image n’est jamais envoyée.
Vos couleurs
8 couleurs sur 12 au maximum, 2 au minimum · 56 paires.
Cette palette est partagée avec la matrice de contraste.
Types de daltonisme
Du plus fréquent au plus rare. Cochez un ou plusieurs types : le résultat s’affiche en dessous.
Applique la même valeur à la deutéranomalie, la protanomalie et la tritanomalie.
Fréquences approximatives, pour des populations d’origine européenne. Source : Colour Blind Awareness (nouvel onglet).
Résultat
3 paires à risque
Pour 2 types sur 4 sélectionnés, des couleurs se confondent. Ne transmettez pas d’information par la couleur seule.
Vos couleurs, vues par chaque type
| Vision | Indigo profond | Lavande 50 | Lavande 200 | Indigo clair | Corail | Gris encre | Vert succès | Blanc |
|---|---|---|---|---|---|---|---|---|
| Original | #241f52 | #f7f6fd | #dbd6f4 | #5f55b8 | #e4533b | #5e5a78 | #2f8f46 | #ffffff |
| Deutéranomalie à 60 % | #0b2451 | #f5f6fd | #d3d8f3 | #355eb7 | #b18336 | #565c77 | #78804a | #ffffff |
| Deutéranopie | #212152 | #f6f6fd | #d7d7f4 | #5858b8 | #92922f | #5b5b78 | #7c7c49 | #ffffff |
| Protanopie | #202052 | #f6f6fd | #d7d7f4 | #5656b8 | se confond#71713d | #5a5a78 | se confond#888845 | #ffffff |
| Tritanopie | #172930 | se confond#f6f7f7 | se confond#d7dadc | se confond#476975 | #e64c66 | se confond#595f61 | #4b8598 | se confond#ffffff |
Le symbole d’avertissement marque une couleur qui se confond avec une autre pour ce type.
Paires qui se confondent
Protanopie
- #71713d#888845
Corail et Vert succès se ressemblent.
- #71713d#888845
Tritanopie
- #f6f7f7#d7dadc
Lavande 50 et Lavande 200 se ressemblent.
- #d7dadc#ffffff
Lavande 200 et Blanc se ressemblent.
- #476975#595f61
Indigo clair et Gris encre se ressemblent.
- #f6f7f7#d7dadc
Conseil : ajoutez un texte, une icône ou un motif pour distinguer ces couleurs.
Couleurs proches qui évitent les confusions
- Assombrir Lavande 200#CBC7E4Reste 2 paires
- Assombrir Corail#E2523AReste 3 paires
- Éclaircir Vert succès#329248Reste 3 paires
Même teinte, seule la clarté change. Calcul pour les types cochés. Vérifiez ensuite le contraste texte / fond dans la matrice de palette.
Ces simulations sont des approximations calculées à partir de modèles publiés : la vision réelle varie d’une personne à l’autre, et elles ne remplacent ni un test avec des personnes concernées ni un examen de la vue. Ne transmettez jamais une information par la couleur seule (WCAG 1.4.1, RGAA 3.1).
Qu’est-ce que le daltonisme ?
Environ 8 % des hommes et 0,5 % des femmes voient mal certaines couleurs. Le plus souvent, le rouge et le vert se confondent. Une information transmise uniquement par la couleur (un statut en rouge, une courbe en vert) peut donc leur échapper : ajoutez toujours un texte, une icône ou un motif.
Modèles utilisés : Viénot 1999 (protanopie, deutéranopie), Brettel 1997 (tritanopie), Machado 2009 (formes atténuées, la tritanomalie étant une approximation), luminance (achromatopsie). Deux couleurs « se confondent » quand leur écart ΔE 2000 simulé est inférieur à 10.
Guides associés
- Couleur et contraste · 7 min de lecture
Daltonisme : concevoir un site lisible par tous
Types de daltonisme et fréquence, couleurs qui se confondent, règles de conception pour un site web lisible par tous et test avec un simulateur gratuit.
Lire le guide - Couleur et contraste · 9 min de lecture
Information donnée uniquement par la couleur
Erreur en rouge, lien sans soulignement, légende de graphique : ce que demandent le RGAA 3.1 et le WCAG 1.4.1, avec des exemples avant et après.
Lire le guide - Couleur et contraste · 9 min de lecture
Créer une palette de couleurs accessible
Rôles des couleurs, échelles de tons, paires à 4,5 : 1 et 3 : 1, test de toutes les combinaisons et daltonisme : une palette accessible calculée pas à pas.
Lire le guide