Simulateur de daltonisme
Importez une image et prévisualisez son rendu en cas de protanopie, deutéranopie, tritanopie ou de daltonisme total, puis téléchargez le résultat simulé.
Simulateur de daltonisme — Déposez une image et voyez instantanément comment elle apparaîtrait à une personne aveugle au rouge (protanopie), au vert (deutéranopie), au bleu (tritanopie) ou totalement daltonienne (achromatopsie). La simulation s'exécute entièrement dans votre navigateur sur un canvas, pixel par pixel — votre image n'est jamais envoyée à un serveur, si bien que même les maquettes et captures privées restent sur votre appareil. Choisissez un type, comparez l'original et le résultat côte à côte, puis téléchargez le PNG simulé.
Qu'est-ce que Simulateur de daltonisme ?
Le Simulateur de daltonisme est un outil gratuit dans le navigateur qui redessine une image telle qu'une personne atteinte d'une déficience particulière de la vision des couleurs la percevrait. Il prend en charge les trois dichromaties courantes — protanopie (faiblesse au rouge), deutéranopie (faiblesse au vert) et tritanopie (faiblesse au bleu) — ainsi que l'achromatopsie, une vue entièrement monochrome (niveaux de gris). Designers, développeurs et auditeurs d'accessibilité l'utilisent pour vérifier si les graphiques, états d'interface, couleurs de statut et infographies restent compréhensibles lorsque la couleur seule porte le sens. Comme environ un homme sur douze présente une forme de déficience de la vision des couleurs, simuler ces vues avant la mise en ligne aide à repérer les designs qui s'appuient trop sur un contraste de couleur qui disparaît pour une partie de votre public.
Comment utiliser Simulateur de daltonisme
- Faites glisser une image sur la zone d'import, ou cliquez dessus pour choisir un fichier PNG, JPG ou WebP depuis votre appareil.
- Ouvrez le menu déroulant Type de vision des couleurs et choisissez Protanopie, Deutéranopie, Tritanopie ou Achromatopsie (sélectionnez Aucune pour voir l'original inchangé).
- L'aperçu simulé se met à jour automatiquement à côté de l'original afin que vous puissiez comparer les deux côte à côte.
- Cliquez sur n'importe quel aperçu pour l'ouvrir dans la visionneuse zoomable et examiner les détails de près.
- Appuyez sur Télécharger pour enregistrer l'image simulée au format PNG, ou sur Réinitialiser pour l'effacer et essayer une autre image.
Exemples
Vérifier un badge d'état rouge/vert
Importez une capture d'écran d'une interface qui utilise le rouge pour 'error' et le vert pour 'success', choisissez Deutéranopie et observez les deux couleurs converger vers une teinte boueuse similaire — un signe que vous devriez ajouter des icônes ou des libellés plutôt que de vous fier à la seule couleur.
Examiner un graphique de données
Chargez un graphique linéaire à plusieurs séries ou un camembert, basculez entre Protanopie et Tritanopie et vérifiez que chaque série reste distinguable ; si les lignes se confondent, ajustez la palette ou ajoutez des motifs.
Test de lisibilité en niveaux de gris complets
Choisissez Achromatopsie pour aplatir l'image à la seule luminance ; si le texte ou les éléments clés disparaissent, votre design repose sur la teinte plutôt que sur le contraste de luminosité.
Questions fréquentes
- Quels types de daltonisme peut-il simuler ?
- Il simule la protanopie (aveugle au rouge), la deutéranopie (aveugle au vert) et la tritanopie (aveugle au bleu) à l'aide de matrices de transformation RGB standard, ainsi que l'achromatopsie, qui convertit l'image en niveaux de gris basés sur la luminance. Choisir Aucune laisse l'image originale inchangée.
- Mon image est-elle envoyée à un serveur ?
- Non. Toute la simulation se déroule localement dans votre navigateur à l'aide d'un canvas HTML — le fichier ne quitte jamais votre appareil et rien n'est envoyé à un quelconque serveur, si bien qu'il fonctionne hors ligne et garde vos images privées privées.
- Quels formats d'image et quelle sortie puis-je utiliser ?
- Vous pouvez charger des images matricielles courantes comme PNG, JPG et WebP. Le résultat simulé est toujours exporté au format PNG afin de préserver la transparence lorsqu'elle est présente.
- Quelle est la précision de la simulation ?
- Elle utilise des approximations par matrice de couleur linéaire bien connues, idéales pour repérer les problèmes de dépendance à la couleur dans les interfaces et les graphiques. C'est une aide pratique au design, pas un outil de diagnostic clinique ou médical, alors traitez le résultat comme une indication plutôt que comme une reproduction exacte de la vision d'une personne.
- Pourquoi les couleurs simulées paraissent-elles ternes ou décalées ?
- Chaque déficience supprime ou affaiblit une réponse des cônes, si bien que les couleurs qui dépendent de ce canal se déplacent vers les couleurs restantes. Ce regroupement de teintes distinctes en tons similaires est précisément l'effet que vous voulez détecter avant la mise en ligne.
Outils connexes
Code en image
Transformez un extrait de code en une élégante image PNG avec coloration syntaxique directement dans votre navigateur, avec thème, fond dégradé ou transparent et marge intérieure — sans aucun envoi.
Vérificateur de contraste des couleurs
Vérifiez le rapport de contraste WCAG entre une couleur HEX de premier plan et une couleur de fond, et voyez s'il satisfait AA et AAA pour le texte normal et le grand texte.
Mélangeur de couleurs
Mélangez deux couleurs HEX selon le ratio de votre choix, dans l'espace RGB ou Lab, et obtenez la couleur intermédiaire sous forme d'échantillon et de valeur HEX copiable.
Générateur de nuances de couleur
Transformez une couleur HEX de base en une échelle de nuances 50-950 façon Tailwind, mélangée vers le blanc et le noir, chaque palier avec un échantillon et un HEX copiable.