ForHosting KIT · Images

Simulateur de daltonisme : protanopie, deutéranopie, tritanopie

Vérifiez comment une couleur peut apparaître avec une protanopie, une deutéranopie ou une tritanopie : #3A86FF devient #5751DB en deutéranopie. Contrôlez vos couleurs d’état et vos séries de graphiques avant que deux d’entre elles se confondent. Gratuit dans votre navigateur.

  • Gratuit
  • Fonctionne dans votre navigateur
  • Sans inscription
  • Vos données restent sur votre appareil
Utilisez-le depuis WebAPIE-mailTelegramApp bientôt
Si vous saisissez
Couleur
#3A86FF
Type
Deuteranopia
Vous obtenez
Couleur simulée
#5751DB

Ce simulateur de daltonisme transforme une couleur sRGB hexadécimale à l'aide d'une matrice standard fixe pour la protanopie, la deutéranopie ou la tritanopie. Il renvoie la couleur source normalisée, le type de vision choisi, la couleur hexadécimale simulée et les valeurs de ses canaux rouge, vert et bleu. Le résultat constitue une approximation pratique pour les premières vérifications de conception, la comparaison de palettes, la documentation et les processus qualité automatisés. Il ne diagnostique pas la vision et ne reproduit pas la perception de chaque personne, mais il rend visibles les changements de couleur susceptibles de créer une confusion avant la diffusion d'une interface.

Choisissez une couleur source et un type de simulation

Commencez par une couleur exprimée sous forme de valeur sRGB hexadécimale, avec la notation courte à trois chiffres, telle que #F80, ou la notation complète à six chiffres, telle que #FF8800. Sélectionnez ensuite la protanopie, la deutéranopie ou la tritanopie. La protanopie modélise l'absence de réponse fonctionnelle des cônes sensibles aux grandes longueurs d'onde et modifie souvent les rapports impliquant le rouge.

La deutéranopie modélise l'absence de réponse fonctionnelle des cônes sensibles aux longueurs d'onde moyennes et touche généralement les distinctions liées au vert. La tritanopie modélise l'absence de réponse fonctionnelle des cônes sensibles aux courtes longueurs d'onde et peut altérer les rapports entre bleu et jaune. Le service refuse tout autre type au lieu de faire une supposition silencieuse, ce qui préserve la fiabilité des tests en série et des contrôles de systèmes de design.

Il refuse également les noms de couleurs, les valeurs sans croisillon, les canaux alpha et les chaînes hexadécimales incorrectes.

Comprenez le calcul de cette approximation

Le simulateur convertit d'abord le texte hexadécimal en trois canaux sRGB entiers compris entre zéro et 255. Il sélectionne ensuite la matrice fixe de 3 par 3 correspondant au type de daltonisme demandé. Chaque canal de sortie est la somme pondérée des canaux rouge, vert et bleu d'origine.

Les valeurs calculées sont arrondies à l'entier le plus proche, limitées à la plage valide du canal, puis formatées sous forme de couleur hexadécimale à six chiffres. Cette approximation matricielle est déterministe : des entrées identiques produisent toujours des sorties identiques, sans requête réseau, choix aléatoire, profil utilisateur ni état dépendant de l'appareil. Cette cohérence facilite les audits reproductibles et les instantanés de test.

Toutefois, un échantillon simulé isolé ne constitue pas un verdict complet sur l'accessibilité. La vision des couleurs varie, tout comme l'étalonnage des écrans, et les couleurs voisines influencent la perception. Utilisez cette transformation pour révéler les décalages et rapprochements probables.

Associez-la à la mesure du contraste, à des indices non chromatiques, à des libellés, à des motifs et à des tests portant sur tous les états de l'interface.

Intégrez le résultat à une conception accessible

Comparez la couleur simulée renvoyée aux autres couleurs transformées de la même palette, en particulier celles qui indiquent un état, une sélection, une validation ou une catégorie de graphique. Deux couleurs sources qui paraissent nettement différentes peuvent se rapprocher avec une simulation donnée. Si elles deviennent difficiles à distinguer, modifiez la teinte, la luminosité, la saturation, les bordures, les icônes, le texte ou les motifs au lieu de compter uniquement sur la couleur.

Pour automatiser ce travail, appelez le service pour chaque élément de palette et chaque type pris en charge, puis conservez les valeurs hexadécimales et RGB normalisées avec les jetons d'origine. La stabilité du résultat simplifie les contrôles de régression lorsqu'un système de design évolue. Cette capacité évalue une transformation de couleur, et non le contraste entre le premier plan et l'arrière-plan ni une page rendue complète.

Une analyse solide associe la simulation à des contrôles de contraste et à des tests d'utilisabilité centrés sur les personnes.

Contrôlez les jetons du système de design

Transformez les couleurs sémantiques de la palette selon les trois types avant de valider une nouvelle version des jetons.

Vérifiez les catégories d'un graphique

Comparez les couleurs simulées des séries et ajoutez des libellés, marqueurs ou motifs lorsque la teinte ne suffit pas.

Quels types de daltonisme sont pris en charge ?

La protanopie, la deutéranopie et la tritanopie sont prises en charge. Tout type inconnu produit une erreur de saisie non valide.

Quels formats de couleur puis-je fournir ?

Utilisez une valeur sRGB hexadécimale au format #RGB ou #RRGGBB. Les noms de couleurs et les valeurs avec canal alpha sont refusés.

S'agit-il d'un diagnostic médical ou d'une perception exacte ?

Non. Il s'agit d'une approximation matricielle destinée à l'analyse d'un design, et non d'un diagnostic ou d'un modèle exact de la vision individuelle.

Une couleur simulée prouve-t-elle qu'un design est accessible ?

Non. Vérifiez aussi le contraste, fournissez des indices autres que la couleur, examinez tous les états de l'interface et effectuez des tests utilisateurs adaptés.

À quoi ressemble #3A86FF en deutéranopie ?

Le simulateur renvoie #5751DB, soit rouge 87, vert 81 et bleu 219. Passez les autres couleurs de votre palette au même type et comparez : si deux se rapprochent trop, ajoutez un autre repère, comme une étiquette ou un motif.

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

POSThttps://api.kit.forhosting.com/color/blindness-simulate

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

curl -X POST https://api.kit.forhosting.com/color/blindness-simulate \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#3A86FF","type":"deuteranopia"}'
{
  "color": "#3A86FF",
  "type": "deuteranopia"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.blindness_simulate",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

HTTPCodeSignification
401unauthorizedClé API absente ou invalide : vérifiez l’en-tête Authorization.
402insufficient_balanceSolde insuffisant : rechargez votre compte pour lancer cette tâche.
404unknown_typeType de tâche inconnu : vérifiez le champ type de votre requête.
429rate_limitedTrop de requêtes : ralentissez la cadence, puis réessayez.

Choisissez une couleur source et un type de simulation

Ce format strict garantit un comportement identique dans un formulaire, une API, une suite de tests ou une chaîne de compilation.

Intégrez le résultat à une conception accessible

Le tarif de l'API est de $0.002 par élément, tandis que l'outil dans le navigateur convient aux vérifications individuelles rapides.

Automatisez les tests de régression des palettes

Produisez des valeurs transformées stables pendant la compilation afin de repérer les régressions d'accessibilité après une modification.

Quel est le prix d'une simulation par API ?

Chaque élément coûte $0.002. Le calcul est déterministe et ne contacte aucun service externe.

Consulter la documentation complète du KIT →