01
Vision de référence
Paire sRGB affichée d’origine
AB
- ΔE dans OKLab
- 0,260
- Séparation conservée
- 100%
- Contraste de la paire
- 1,17:1
Laboratoire de distinction
Ces deux couleurs racontent-elles encore deux histoires ?
Comparez une paire avec trois modèles de déficience complète de la vision des couleurs. Hexees mesure la séparation perceptive restante et montre pourquoi textes, formes et icônes restent nécessaires.
01 / Quatre vues
Observez le signal évoluer, côte à côte.
La même paire reçoit les matrices Machado de niveau 1. Les chiffres décrivent la paire affichée ; ce ne sont pas des notes d’accessibilité.02
Simulation de protanopie
Modèle de déficience complète des cônes rouges
AB
- ΔE dans OKLab
- 0,124
- Séparation conservée
- 48%
- Contraste de la paire
- 1,68:1
03
Simulation de deutéranopie
Modèle de déficience complète des cônes verts
AB
- ΔE dans OKLab
- 0,045
- Séparation conservée
- 17%
- Contraste de la paire
- 1,04:1
04
Simulation de tritanopie
Modèle de déficience complète des cônes bleus
AB
- ΔE dans OKLab
- 0,310
- Séparation conservée
- 119%
- Contraste de la paire
- 1,16:1
Un ΔEOK supérieur indique une séparation calculée plus grande dans OKLab. Aucun seuil universel ne prouve que deux couleurs sont distinguables pour chaque personne, écran, taille, contour ou état d’interface.
02 / Repères redondants
Transmettez le sens par plusieurs canaux.
Une paire attrayante peut rester difficile à distinguer. Ajoutez un texte explicite, des icônes, motifs, formes ou positions afin que l’interface ne confie pas le sens à la seule couleur.
Vérifier le contraste de texte WCAG →Couleur seule
Couleur + texte + symbole
✓ Prêt! À vérifier
03 / Méthode et limites
Un diagnostic de conception, pas un test médical.
Simulation physiologique
Les trois aperçus utilisent les matrices publiées de transformation sRGB linéaire au niveau 1 du modèle de Machado, Oliveira et Fernandes.
Machado, Oliveira & Fernandes, 2009Séparation perceptive
Hexees indique le ΔEOK euclidien dans OKLab et le rapport de contraste de luminance relative standard pour chaque paire sRGB simulée.
CSS Color 4 · ΔEOKUtilisez la couleur avec discernement
L’aperçu ne pose aucun diagnostic et ne certifie pas la conformité WCAG. Testez le composant final et conservez un repère visible qui ne dépend pas de la couleur.
WCAG 2.2 · Use of Color