Vérificateur de contraste de couleur
Outil de développementNouveauVérifiez le contraste de couleur selon WCAG AA et AAA.
Cet outil s'exécute entièrement dans votre navigateur. Vos fichiers ne quittent jamais votre appareil — rien n'est envoyé.
Colors
Pick a text and background color. Everything runs in your browser — nothing is uploaded.
Result
17.40 : 1Contrast ratio
Normal text
AA: PassAAA: Pass
Large text (18.66px bold or 24px)
AA: PassAAA: Pass
Large sample text
The quick brown fox jumps over the lazy dog.
Questions fréquentes
Quel est un bon ratio de contraste WCAG ?
WCAG exige un ratio de contraste d'au moins 4,5:1 pour le texte normal et de 3:1 pour le texte grand (environ 24px, ou 18,66px en gras) pour respecter le niveau AA. Pour atteindre le niveau AAA, plus strict, il faut 7:1 en texte normal et 4,5:1 en texte grand. Cet outil affiche le ratio exact et indique s'il dépasse chaque niveau.
Comment le ratio de contraste est-il calculé ?
Les canaux sRGB de chaque couleur sont linéarisés et combinés en une valeur de luminance relative selon la formule du W3C. Le ratio est alors (luminance plus claire + 0,05) divisé par (luminance plus sombre + 0,05), ce qui donne un nombre entre 1:1 (aucun contraste) et 21:1 (noir sur blanc). Le résultat est arrondi à deux décimales.
Mes couleurs sont-elles envoyées quelque part ?
Non. Tout le calcul s'exécute localement dans votre navigateur en JavaScript, les couleurs que vous saisissez ne quittent donc jamais votre appareil et ne touchent aucun serveur. Il n'y a ni compte, ni suivi de vos entrées, ni enregistrement — ce qui le rend sûr pour un travail de marque confidentiel ou non publié.