Aller au contenu principal
Bethemesh
Images & graphisme

Simulateur de daltonisme

Chargez une image et simulez localement la protanopie, la deutéranopie, la tritanopie ou l’achromatopsie.

  • Export

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Image
Aucune image chargée

Déposez une image ici

Ajoutez une image PNG, JPEG ou WebP. Le fichier reste sur votre appareil et les modifications sont réalisées localement dans le navigateur.

Besoin de plus de possibilités ?

Retrouvez plusieurs outils dans un seul espace de travail, avec votre fichier et vos modifications en cours.

Ouvrir l’éditeur complet

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Environ 8 % des hommes et 0,5 % des femmes d’origine nord-européenne distinguent mal certaines couleurs, le plus souvent le rouge et le vert. Ce simulateur montre comment une image, une maquette ou un graphique peut être perçu avec sept formes de daltonisme, pour repérer avant publication une légende, un statut ou un bouton qui ne se distingue que par sa couleur.

Importez une image PNG, JPEG ou WebP, choisissez un Type de simulation puis cliquez sur Appliquer la simulation. Trois dichromasies, où un type de cône manque (protanopie pour le rouge, deutéranopie pour le vert, tritanopie pour le bleu), trois trichromasies anormales plus fréquentes et moins marquées (protanomalie, deutéranomalie, tritanomalie) et l’achromatopsie, qui ne garde que la luminosité, sont proposées.

Chaque pixel est d’abord converti du sRGB vers une lumière linéaire, puis multiplié par la matrice 3 × 3 publiée par Machado, Oliveira et Fernandes (2009) pour le type choisi : sévérité 1,0 pour les dichromasies, 0,6 pour les anomalies. Le résultat est ensuite réencodé en sRGB. L’achromatopsie remplace chaque couleur par sa luminance relative.

L’image simulée est limitée à 1600 px sur son plus grand côté, ce qui suffit pour un contrôle visuel. Le bouton Avant / après et la vue Côte à côte comparent l’original et la simulation. Tout le calcul reste dans votre navigateur.

Comment utiliser cet outil ?

  1. Importez l’image

    Déposez une capture d’écran, une maquette ou un graphique au format PNG, JPEG ou WebP.

  2. Choisissez le type

    Sélectionnez par exemple Deutéranopie, la forme la plus fréquente de daltonisme rouge-vert, puis appliquez la simulation.

  3. Comparez et téléchargez

    Passez en Avant / après pour comparer, puis téléchargez l’image simulée si vous voulez la partager.

Calcul de la simulation

Les matrices de Machado s’appliquent à une lumière linéaire : chaque canal est linéarisé, transformé, puis réencodé en sRGB.

Linéarisation sRGB d’un canal

C_lin = C ÷ 12,92 si C ≤ 0,04045, sinon ((C + 0,055) ÷ 1,055)^2,4

C est la valeur du canal ramenée entre 0 et 1 (valeur ÷ 255).

Transformation de la couleur

(R', G', B') = M × (R_lin, G_lin, B_lin)

Le résultat est limité entre 0 et 1 puis réencodé en sRGB par la fonction inverse.

C
valeur d’un canal rouge, vert ou bleu, entre 0 et 1
M
matrice 3 × 3 du type de daltonisme choisi
R', G', B'
couleur perçue, en lumière linéaire

Cas d'utilisation

Graphiques et tableaux de bord

Vérifiez que les courbes rouge et verte d’un graphique restent distinguables sans lire la légende.

Interfaces et formulaires

Contrôlez qu’un champ en erreur ou un statut « validé » reste repérable sans sa couleur.

Cartes et supports imprimés

Testez une carte, un plan de métro ou une affiche avant impression.

Exemples

Rouge et vert d’un tableau de bord en deutéranopie

Les deux couleurs deviennent deux olives presque identiques : la composante rouge ne diffère plus que d’un point. Un statut porté uniquement par la couleur devient illisible ; ajoutez une icône ou un texte.

Entrée

Pastille « erreur » #E53935 et pastille « succès » #43A047, simulation Deutéranopie (vert absent)

Résultat

Rouge simulé #98892E (152, 137, 46) ; vert simulé #978A4E (151, 138, 78)

Les mêmes couleurs en achromatopsie

La luminance relative des deux teintes est proche : sans couleur, l’écart de gris reste faible. Un contraste de luminosité plus marqué aiderait tous les lecteurs.

Entrée

#E53935 et #43A047, simulation Achromatopsie (aucune couleur)

Résultat

Gris #7B7B7B (123) et gris #8D8D8D (141)

Conseils et bonnes pratiques

  • Testez au moins la deutéranopie et la protanopie : les daltonismes rouge-vert représentent l’essentiel des cas.
  • Avant d’essayer un autre type, revenez à l’original avec Annuler (Ctrl+Z) : une nouvelle simulation s’appliquerait sinon à l’image déjà simulée.
  • Une information ne doit jamais reposer sur la couleur seule (WCAG 2.2, critère 1.4.1) : doublez-la d’une forme, d’un motif ou d’un libellé.
  • La simulation est un modèle moyen : la perception varie d’une personne à l’autre et selon l’écran. Elle ne remplace pas un test avec des utilisateurs.

Sources et références

Questions fréquentes

Quelle est la différence entre protanopie et protanomalie ?

Dans la protanopie, les cônes sensibles au rouge sont absents ; dans la protanomalie, ils sont présents mais décalés. L’outil simule la seconde avec une sévérité de 0,6 : l’effet est plus léger.

Quel type tester en priorité ?

La deutéranomalie et la deutéranopie, puis la protanomalie et la protanopie. La tritanopie et l’achromatopsie sont beaucoup plus rares.

Sur quel modèle repose la simulation ?

Sur les matrices de Machado, Oliveira et Fernandes (2009), appliquées en RVB linéaire. L’achromatopsie utilise la luminance relative de la norme sRGB.

Pourquoi l’image téléchargée est-elle plus petite ?

La simulation est calculée sur une image ramenée à 1600 px au maximum sur son plus grand côté. Elle sert à vérifier un rendu, pas à remplacer votre fichier.

La simulation corrige-t-elle les couleurs ?

Non. Elle montre un rendu probable ; c’est à vous de modifier les couleurs, contrastes ou libellés de votre visuel d’origine.

Mon image est-elle envoyée sur un serveur ?

Non. Le calcul pixel par pixel est fait dans votre navigateur et l’image reste sur votre appareil.

Outils associés

Continuez avec ces outils

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Convertisseur de couleurs

Convertissez une couleur entre HEX, RGB et HSL avec ses valeurs équivalentes.

Images & graphismeUtiliser l’outil

À lire aussi

TutorielBonnes pratiquesDébutant

Optimiser ses images pour le Web sans perdre en qualité

Redimensionnement, compression, WebP, AVIF, métadonnées et traitement par lot : une méthode complète pour alléger les images d’un site sans dégrader inutilement leur rendu.

30 août 20265 min