Simulateur de daltonisme
- Les fichiers ne quittent pas votre appareil
- S’exécute dans le navigateur
- Gratuit, sans compte, sans filigrane
Normal vision
Your original colors
Deuteranomaly
Weak green cones · about 5% of men, the most common
Deuteranopia
No green cones · about 1% of men
Protanomaly
Weak red cones · about 1% of men
Protanopia
No red cones · about 1% of men
Tritanomaly
Weak blue cones · rare
Tritanopia
No blue cones · very rare
Achromatopsia
No color vision at all · very rare
7 pairs of colors become hard to tell apart
- #e53935 and #43a047 under Deuteranopia (ΔE 5.2)
- #43a047 and #fb8c00 under Protanopia (ΔE 6.4)
- #43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
- #e53935 and #43a047 under Achromatopsia (ΔE 6.7)
- #e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
- #43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
- #43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)
Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.
Comment utiliser Simulateur de daltonisme
Voyez l'apparence d'une palette ou d'une image selon huit types de vision des couleurs, de la deutéranomalie, la plus courante, à l'achromatopsie. Pour les palettes, l'outil liste chaque paire de couleurs qui devient difficile à distinguer, afin de corriger graphiques et interfaces tôt.
- 1
Sous Vérifier, choisissez Palette ou Image.
- 2
Pour une palette, collez des couleurs dans Couleurs, une par ligne ou séparées par des virgules (HEX, rgb(), hsl(), oklch() ou des noms) ; pour une image, déposez un fichier JPG, PNG, WebP, GIF, HEIC ou AVIF.
- 3
Réglez l'Intensité de l'anomalie pour contrôler la force des types à cône faible (-anomalie).
- 4
Comparez les rangées ou les images simulées ; les paires marquées d'une icône d'avertissement sont listées plus bas avec leur ΔE.
- 5
Cliquez sur un échantillon pour copier son HEX, ou téléchargez n'importe quelle image simulée en PNG.
Questions fréquentes
Les simulations sont-elles fidèles ?
Elles utilisent Machado et al. 2009 pour les déficiences rouge-vert et Brettel et al. 1997 pour les déficiences bleu-jaune, calculées en RGB linéaire. Ces modèles décrivent une vision typique ; chaque personne peut voir autrement.
Comment décide-t-il que deux couleurs sont difficiles à distinguer ?
Une paire est signalée lorsque deux couleurs qui diffèrent normalement passent sous ΔE2000 10 dans une simulation. Ajoutez des libellés, des motifs ou une nette différence de clarté à ces paires.
Que change l'Intensité de l'anomalie ?
Elle ne s'applique qu'aux types -anomalie et règle l'ampleur du décalage du cône concerné ; 100 % équivaut au type -opie correspondant.
Mon image est-elle téléversée ?
Non. La simulation s'exécute dans votre navigateur. Les aperçus sont dessinés jusqu'à 900 px, et les téléchargements sont produits à la résolution complète de l'image.
Puis-je coller des couleurs directement depuis du CSS ?
Oui. Les codes HEX et les fonctions de couleur CSS sont extraits de n'importe quel texte, et les noms de couleurs fonctionnent lorsqu'ils sont séparés par des virgules ou des lignes. Tout ce qui ne peut pas être lu est listé comme ignoré.