Aller au contenu

Simulateur de daltonisme

Importez une image, une capture ou testez votre palette et comparez instantanément son rendu en protanopie, deutéranopie, tritanopie et achromatopsie. Les couleurs qui se confondent sont signalées automatiquement.

Ou glisse-la et dépose-la ici

Le fichier doit être au format JPEG, PNG, WebP ou SVG et faire 40 Mo maximum

Pas d'image sous la main ? Essayez avec un exemple :

Type de vision

Conflits détectés: Deutéranopie, Tritanopie, Achromatopsie

Qu'est-ce que le daltonisme et pourquoi compte-t-il en design

Le daltonisme (ou déficience de la vision des couleurs) affecte la capacité à distinguer certaines couleurs, généralement les rouges et les verts, même si certaines variantes touchent d'autres teintes. Ce n'est pas une condition unique : il en existe plusieurs types, chacun avec un schéma de confusion différent, et il touche environ 1 homme sur 12 et 1 femme sur 200.

Cela a une conséquence directe sur tout projet où la couleur communique quelque chose : une combinaison parfaitement distincte pour vous peut sembler presque identique à une partie réelle de votre public. Un bouton « erreur » rouge sur fond vert, par exemple, peut être invisible pour une personne atteinte de deutéranopie.

Les types de daltonisme expliqués

Protanopie

≈ 1 % des hommes

Absence ou réduction de la sensibilité au rouge. Les rouges paraissent plus sombres et peuvent se confondre avec des verts ou des bruns.

Deutéranopie

≈ 1 % des hommes

Absence ou réduction de la sensibilité au vert. C'est le type le plus courant ; rouges et verts sont difficiles à différencier.

Tritanopie

Très rare

Absence ou réduction de la sensibilité au bleu, bien moins fréquente que les deux précédentes. Elle affecte la distinction entre bleus et jaunes.

Achromatopsie

≈ 1 sur 30 000

Absence totale de vision des couleurs, beaucoup plus rare. La personne perçoit le monde en niveaux de gris.

Utiliser le simulateur en trois étapes

  1. Importez une image ou une palette

    Glissez une image, collez une capture avec Ctrl + V ou utilisez l'un des exemples. Sans image, vous pouvez tester directement les couleurs de votre palette.

  2. Choisissez le type de vision

    Avec « Tous », vous comparez les quatre types à la fois. Choisissez-en un pour le voir plus grand, à côté de l'original.

  3. Corrigez les conflits

    Les couleurs qui se confondent sont signalées par un avertissement. Sélectionnez-en une et ajustez-la dans l'éditeur jusqu'à ce que l'avertissement disparaisse.

Concevoir en pensant au daltonisme

Chaque exemple montre une version incorrecte et une version correcte telles que les verrait une personne atteinte de deutéranopie, le type le plus courant (la troisième, en niveaux de gris).

  • Ne transmettez pas l'information uniquement par la couleur

    Des états en vert, ambre et rouge deviennent presque uniformes. Ajoutez des icônes, du texte ou des formes différentes.

  • Évitez le rouge et le vert comme seule paire

    Pour comparer deux séries, le bleu et l'orange se distinguent avec tous les types de daltonisme courants.

  • Différenciez aussi par la luminosité

    Si deux couleurs ont la même luminosité, elles sont identiques en niveaux de gris. Associez une couleur foncée à une claire.

  • Ajoutez des étiquettes ou des textures aux graphiques

    Une étiquette directe ou des hachures permettent de lire le graphique même si les couleurs se ressemblent.

Questions fréquentes

C'est une condition qui rend difficile la distinction de certaines couleurs. Les principaux types sont la protanopie, la deutéranopie, la tritanopie et l'achromatopsie, chacun avec un schéma de confusion différent.

Les deux affectent la distinction entre rouges et verts, mais pour des raisons différentes : la protanopie réduit la sensibilité au rouge, la deutéranopie celle au vert. Visuellement, les résultats sont proches mais pas identiques.

Le daltonisme touche environ 1 homme sur 12 et 1 femme sur 200, ce qui en fait l'une des conditions d'accessibilité visuelle les plus courantes à prendre en compte.

Avec la protanopie et la deutéranopie, les plus fréquentes sont rouge et vert, vert et brun, bleu et violet, et orange avec vert clair. Avec la tritanopie, ce sont surtout bleu et vert, et jaune et rose clair.

Utilisez des paires de couleurs qui se distinguent aussi par la luminosité, comme bleu et orange plutôt que rouge et vert, et ne comptez pas uniquement sur la couleur : ajoutez des étiquettes, des icônes ou des textures. Puis importez une capture dans le simulateur pour vérifier.

C'est une approximation : elle applique à chaque pixel des matrices de simulation couramment utilisées. Elle sert à repérer les combinaisons problématiques, mais chaque personne perçoit la couleur un peu différemment, surtout dans les formes légères (anomalies).

Non. L'analyse et la simulation sont traitées dans votre propre navigateur ; votre image n'est ni envoyée ni stockée sur aucun serveur externe.

Le vérificateur de contraste contrôle le ratio de lisibilité entre deux couleurs précises. Ce simulateur vous permet de voir une image ou un design complet tel que le percevrait une personne daltonienne, en repérant des problèmes de compréhension qui dépassent une simple paire de couleurs.

Vous pouvez importer des fichiers JPG, PNG ou WebP, les glisser dans l'outil ou coller directement une capture d'écran avec Ctrl + V (Cmd + V sur Mac).

Plus d'outils