Calculateur de ratio de contraste de couleurs WCAG
Mesurez le ratio de contraste WCAG entre une couleur de premier plan et d'arrière-plan pour confirmer que votre texte est lisible et accessible.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Comment fonctionne cette calculatrice ?
Le ratio de contraste WCAG est (luminance plus claire + 0,05) / (luminance plus foncée + 0,05), allant de 1:1 à 21:1. Visez au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte pour atteindre le niveau AA, ou 7:1 et 4,5:1 pour AAA. Saisissez deux couleurs hexadécimales pour une vérification instantanée.
Formule
How this is calculated
Saisissez une couleur hexadécimale de premier plan (texte) et une couleur d'arrière-plan. Les formes abrégées à 3 chiffres (#fff) et complètes à 6 chiffres (#ffffff) sont acceptées, avec ou sans le « # » initial.
Chaque couleur est convertie en sa luminance relative. La valeur du canal sur 8 bits est divisée par 255, puis linéarisée : si le résultat s est inférieur ou égal à 0,03928, il est divisé par 12,92, sinon il devient ((s + 0,055) / 1,055) élevé à la puissance 2,4. Les valeurs rouge, verte et bleue linéarisées sont pondérées respectivement par 0,2126, 0,7152 et 0,0722 puis additionnées pour donner la luminance L. Le ratio de contraste est (Lplus claire + 0,05) / (Lplus foncée + 0,05), où le terme 0,05 modélise la lumière ambiante diffuse. Les ratios vont de 1:1 (couleurs identiques) à 21:1 (noir pur sur blanc pur).
Les seuils WCAG 2.1 déterminent les résultats de conformité : AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (environ 18 pt, ou 14 pt en gras) ; AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand texte. Le calcul est symétrique, donc inverser le premier plan et l'arrière-plan donne le même ratio. Il n'évalue que la couleur et ne tient pas compte de l'opacité, du lissage ou des calques superposés.
Questions fréquentes
Au moins 4,5:1 pour le texte courant normal et 3:1 pour le grand texte (environ 18 pt normal ou 14 pt gras). Pour le niveau AAA plus strict, il vous faut 7:1 en normal et 4,5:1 en grand.
Non. La formule utilise la luminance la plus claire et la plus foncée, quelle que soit la couleur étiquetée comme premier plan, donc inverser les deux entrées produit le même ratio.
Le blanc pur a une luminance relative de 1 et le noir pur de 0. En les insérant dans (1 + 0,05) / (0 + 0,05), on obtient exactement 21, le contraste le plus élevé possible.
Aussi appelé
TG we-Calculate Editorial Team. (2026). Calculateur de ratio de contraste de couleurs WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/fr/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Calculateur de ratio de contraste de couleurs WCAG." TG we-Calculate. 2026. https://we-calculate.com/fr/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Calculateur de ratio de contraste de couleurs WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fr/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Calculateur de ratio de contraste de couleurs WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fr/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Cette calculatrice vous a-t-elle aidé ?