Vérificateur de contraste des couleurs
Vérifiez le contraste WCAG 2.1 et APCA de deux couleurs — ou déposez une capture d’écran et voyez précisément où les traits fins rendent le texte difficile à lire. Tout en local, sans envoi.
How to capture solid material
Browser zoom does not increase resolution, and snipping tools on HiDPI displays often capture logical instead of physical pixels. Use Chrome DevTools → Elements panel → right-click the element → "Capture node screenshot", or Firefox's right-click screenshot — both capture at device resolution.
| # | Occurrences | Stroke width | WCAG nominal → effective | APCA nominal → effective |
|---|
Note — the analysis runs entirely locally in your browser; the screenshot never leaves your device. Clicking a table row steps the loupe through that group's occurrences.
Pourquoi un ratio conforme peut rester difficile à lire
Tous les vérificateurs de contraste prennent deux valeurs de couleur et renvoient un ratio. Ce chiffre est honnête sur les couleurs — et aveugle à tout le reste. Une paire à 4,5:1 qui passe WCAG AA peut être réellement difficile à lire quand la police est fine et petite : ce qui atteint l’œil n’est pas la couleur nominale du texte, mais le mélange d’anticrénelage entre texte et fond réellement dessiné à l’écran. Plus le trait est fin, plus chaque lettre est faite de ces pixels de bord délavés — et le contraste effectif descend sous ce que promettaient les deux valeurs hexadécimales. C’est cet écart que cet outil comble : à côté de la vérification classique à deux couleurs, il analyse une capture d’écran de votre interface réelle et mesure où les traits sont les plus fins et quel contraste effectif règne exactement à ces endroits.
L’outil affiche toujours les deux références : le ratio WCAG 2.1, la norme de conformité actuelle (4,5:1 pour le texte normal, 3:1 pour le grand texte), et le Lc APCA, le modèle perceptuel candidat pour WCAG 3, qui tient compte de la polarité clair/sombre. En pratique, Lc 90 convient au texte courant, Lc 75 est la cible pour un texte de lecture normal, Lc 60 suffit pour un texte grand ou gras, et sous Lc 45 aucun texte ne devrait figurer. Quand les deux valeurs se contredisent, suivez la plus pessimiste.
Un contraste effectif faible n’est pas un cas limite : la sensibilité au contraste diminue avec l’âge et chute fortement avec la cataracte, la DMLA ou l’astigmatisme ; le plein soleil et les écrans peu lumineux aggravent encore la situation, tout comme les textes en capitales. Les corrections découlent directement des mesures : traits sous 2 px → augmenter la graisse de la police (400 → 500/600) ; contraste insuffisant → foncer la couleur du texte ; texte trop petit → l’agrandir d’abord. Pour des valeurs fiables, utilisez une capture en résolution 2× (Retina). L’analyse s’exécute entièrement dans votre navigateur — la capture ne quitte jamais votre appareil.
Confidentialité dès la conception
Tout le traitement se fait dans votre navigateur. Vos fichiers n’atteignent jamais un serveur — il n’y a rien à stocker, transmettre ou partager.
En savoir plus dans notre politique de confidentialitéQuestions fréquentes
Il est gratuit et sans inscription, et rien n’est envoyé. La vérification des couleurs comme l’analyse complète de la capture s’exécutent dans votre navigateur — vous pouvez couper la connexion après le chargement de la page, tout continue de fonctionner.
En règle générale, Lc 90 est idéal pour le texte courant, Lc 75 est la cible pour un texte de lecture normal, Lc 60 est acceptable pour un texte grand ou gras, et sous 45 aucun texte ne devrait figurer. L’APCA tient compte de la polarité — clair sur sombre et sombre sur clair sont notés différemment, contrairement au ratio WCAG.
Parce que le ratio ne décrit que les deux couleurs nominales. Avec des graisses fines, l’anticrénelage mélange la majeure partie de chaque trait avec le fond : le contraste réellement affiché est inférieur. L’analyse mesure ces pixels réels aux endroits les plus fins — c’est la valeur que vos lecteurs perçoivent.