Comment utiliser : Simulateur de daltonisme
- Déposez une image, cliquez pour en choisir une, ou collez une capture d'écran avec Ctrl+V.
- Comparez l'original avec les versions simulées pour chaque type de déficience de la vision des couleurs.
- Repérez les informations qui disparaissent : couleurs d'état rouge/vert, séries de graphiques, messages d'erreur.
- Passez à Palette pour tester les couleurs de marque ou de graphiques et obtenir des alertes sur les paires devenues indiscernables.
Qu'est-ce que le daltonisme ?
La déficience de la vision des couleurs (DVC) touche environ 1 homme sur 12 et 1 femme sur 200 d'origine nord-européenne. La plupart des personnes concernées voient les couleurs, mais dans une gamme plus restreinte. Les types les plus courants sont :
| Type | Cônes touchés | Effet |
|---|---|---|
| Deutéranomalie / deutéranopie | Vert (M) | Le rouge et le vert sont difficiles à distinguer, c'est la forme la plus fréquente |
| Protanomalie / protanopie | Rouge (L) | Les rouges paraissent plus sombres et se confondent avec les verts et les bruns |
| Tritanomalie / tritanopie | Bleu (S) | Confusions bleu/vert et jaune/rose, rares |
| Achromatopsie | Tous | Absence de perception des couleurs, très rare, mais utile comme test en niveaux de gris |
« -anopie » signifie que le type de cône est absent ; « -anomalie » signifie qu'il est décalé, forme plus légère.
Fonctionnement de la simulation
Chaque pixel est converti en RGB linéaire puis multiplié par les matrices de vision des couleurs de Machado, Oliveira et Fernandes (2009), un modèle physiologique largement utilisé : intensité maximale pour les types « -anopie » et intensité de 60 % pour les types « -anomalie ». L'achromatopsie utilise la luminance relative. Tout le calcul s'effectue sur un canevas dans votre navigateur ; les grandes images sont redimensionnées à 900 px de large pour gagner en rapidité.
Concevoir pour les personnes daltoniennes
- Ne vous fiez jamais à la couleur seule (WCAG 1.4.1) : ajoutez icônes, libellés, motifs ou texte aux messages d'état, aux erreurs de formulaire et aux séries de graphiques.
- Variez la luminosité, pas seulement la teinte : un vert foncé et un rouge clair restent distinguables pour presque tout le monde. Le convertisseur OKLCH facilite le contrôle de la luminosité.
- Utilisez des palettes de graphiques adaptées aux daltoniens, comme bleu/orange plutôt que rouge/vert.
- Gardez un contraste de texte élevé : vérifiez les paires avec le Vérificateur de contraste.
Les simulations donnent une approximation de l'expérience moyenne ; la perception varie d'une personne à l'autre, donc des tests avec de vrais utilisateurs restent précieux.
Aussi recherché comme : simulateur daltonisme, test daltonisme, protanopie, deutéranopie, tritanopie, simulateur cvd, test daltonien, accessibilité couleurs.
Outils complémentaires : Simulateur de daltonisme
- Vérificateur de contraste APCA — Calculez le contraste de luminance APCA (Lc) entre le texte et le fond, découvrez les usages adaptés et comparez-le au ratio WCAG 2 classique.
- Convertisseur de couleurs — Collez n'importe quelle couleur CSS — HEX, rgb(), hsl(), hwb(), oklch() ou un nom comme tomato — et obtenez instantanément tous les autres formats, ainsi qu'une palette 50–950 prête à l'emploi.
- Générateur de couleurs Tailwind — Il vous suffit de coller une couleur de marque pour obtenir une palette de nuances équilibrée en 11 étapes (de 50 à 950) intégrée à OKLCH, avec des indications de contraste et des options d'exportation vers Tailwind v3, v4, CSS et SCSS.
- Compresseur d’images — Réduisez la taille de vos photos et de vos graphiques de 50 à 90 % sans perte de qualité visible.