Simulateur de daltonisme
Simulez la perception des couleurs par les personnes atteintes de protanopie, de deutéranopie, de tritanopie ou d’achromatopsie. Collez jusqu’à 100 couleurs pour obtenir un tableau de valeurs hexadécimales pour chaque type de déficience de la vision des couleurs, calculées avec le modèle de Machado, Oliveira et Fernandes dans culori, ainsi qu’un réglage de sévérité pour les formes anormales les plus légères. Utile pour vérifier les palettes, les graphiques, les cartes et les couleurs d’état avant leur mise en production.
Foire aux questions
Quels types de daltonisme sont simulés ?
La protanopie (absence de cônes rouges fonctionnels), la deutéranopie (absence de cônes verts), la tritanopie (absence de cônes bleus) et l’achromatopsie (absence de vision des couleurs). En dessous de 100% de sévérité, les colonnes portent le nom des formes anormales : protanomalie, deutéranomalie, tritanomalie et achromatomalie.
Quel modèle est utilisé ?
Pour les trois types de cônes, le modèle physiologique de Machado, Oliveira et Fernandes (2009), avec les matrices précalculées fournies par culori. Les matrices sont appliquées à RGB en lumière linéaire, comme le prévoit le modèle, puis le résultat est reconverti en sRGB. L’achromatopsie remplace chaque couleur par un gris de même luminance relative.
À quoi sert le réglage de sévérité ?
100% simule le dichromatisme complet ; les valeurs inférieures simulent les formes anormales, et 0% restitue la couleur d’origine. La valeur est arrondie au multiple de 10% le plus proche, car les matrices de Machado sont publiées par incréments de 10%. Pour l’achromatopsie, la sévérité règle le mélange entre la couleur et son gris en lumière linéaire.
Comment saisir les couleurs ?
Saisissez une couleur par ligne, ou plusieurs sur une même ligne, séparées par des virgules ou des points-virgules ; les virgules à l’intérieur de rgb() ou de hsl() ne servent pas de séparateurs. Les codes hexadécimaux avec ou sans #, les noms de couleurs CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() et cmyk() sont acceptés. Vous pouvez vérifier jusqu’à 100 couleurs par exécution.
Quelle est la précision de la simulation ?
Elle approxime la vision moyenne des dichromates sur un écran sRGB standard. La vision des couleurs varie d’une personne à l’autre, et l’étalonnage de l’écran ainsi que la lumière ambiante changent ce que chacun perçoit. Utilisez-la pour repérer les couleurs qui se confondent, et non comme test médical.
Quelle est la fréquence de ces déficiences ?
Les déficiences rouge-vert, de type protan ou deutéran, touchent environ 8% des hommes et 0.5% des femmes d’origine nord-européenne ; la deutéranomalie est la plus courante. Les déficiences tritanes et l’achromatopsie sont rares ; chacune touche environ 1 personne sur 10,000 ou moins.
Que faire si deux couleurs se ressemblent ?
Modifiez leur luminosité, pas seulement leur teinte, car les différences de luminosité restent perceptibles avec tous les types de daltonisme. Ajoutez aussi un deuxième repère, comme une étiquette, une icône, un motif ou une position, conformément au critère de succès WCAG 1.4.1 lorsque la couleur transmet une information.
Que deviennent les couleurs transparentes et à large gamut ?
Les couleurs hors sRGB, comme les valeurs vives Display P3 ou OKLCH, sont d’abord converties en sRGB à l’aide de l’algorithme Color 4 CSS. L’alpha est conservé dans les résultats ; les entrées semi-transparentes donnent donc des codes hexadécimaux à 8 chiffres.
Pourquoi le rouge pur devient-il olive en cas de protanopie ?
Les personnes atteintes de protanopie n’ont pas de cônes sensibles aux grandes longueurs d’onde : le rouge paraît donc beaucoup plus sombre et tire vers le jaune-brun. Dans le modèle, #ff0000 devient un olive sombre d’environ #6d5f00, tandis que la deutéranopie conserve davantage de luminosité et donne un ton moutarde d’environ #a39000.
Puis-je vérifier une image entière ?
Non, cet outil traite des valeurs de couleur, ce qui garantit rapidité et précision pour les palettes et les jetons de conception. Choisissez les couleurs clés d’un design ou d’un graphique, puis collez-les ici pour comparer côte à côte les colonnes simulées.