Vérificateur de Contraste de Couleur
Vérifiez les ratios de contraste WCAG AA et AAA entre les couleurs de premier plan et d'arrière-plan instantanément dans votre navigateur.
Foire aux questions
Qu'est-ce que le ratio de contraste WCAG ?
Le ratio de contraste WCAG mesure la différence de luminance perçue entre deux couleurs. Un ratio de 1:1 signifie des couleurs identiques ; 21:1 est le maximum (noir sur blanc). Des ratios plus élevés signifient une meilleure lisibilité pour les personnes à faible vision.
Quels sont les seuils WCAG AA et AAA ?
WCAG AA exige un ratio de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (18pt ou 14pt gras). WCAG AAA (amélioré) exige 7:1 pour le texte normal et 4,5:1 pour le grand texte.
Comment le ratio de contraste est-il calculé ?
Chaque canal de couleur (R, G, B) est linéarisé depuis sRGB, puis la luminance relative L = 0,2126R + 0,7152G + 0,0722B est calculée. Le ratio est (L_plus_clair + 0,05) / (L_plus_foncé + 0,05), donnant une valeur entre 1 et 21.