AbraCalc

Vérificateur de Contraste des Couleurs

Vérifiez le ratio de contraste WCAG entre deux couleurs hex et voyez si la paire respecte les normes d'accessibilité AA et AAA.

Par · Relu par AbraCalc Methodology Review · 2 sources

Intégrer cet outil sur votre site
Citer cet outil

APA

AbraCalc. (2026). Vérificateur de Contraste des Couleurs [Online calculator]. Retrieved from https://abracalc.com/fr/verificateur-contraste-couleurs/

BibTeX

@misc{abracalc-verificateur-contraste-couleurs, author = {AbraCalc}, title = {Vérificateur de Contraste des Couleurs}, year = {2026}, howpublished = {\url{https://abracalc.com/fr/verificateur-contraste-couleurs/}} }

Cet outil a-t-il répondu à votre question ?

Comment utiliser cet outil

  1. Entrez la couleur de premier plan (texte) et la couleur d'arrière-plan en codes hex.
  2. L'outil calcule la luminance relative WCAG de chaque couleur.
  3. Lisez le ratio de contraste et les résultats Réussite/Échec pour les seuils AA et AAA.

Vérifiez si deux couleurs respectent les exigences de contraste WCAG 2.1. Le ratio minimum est de 4.5:1 pour le texte normal (AA) et de 7:1 pour la norme AAA la plus élevée.

Formule

For each hex color, compute relative luminance L using the WCAG formula:
L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.

Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)

WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.

Questions fréquentes

Qu'est-ce que le ratio de contraste WCAG ?
Les WCAG (Web Content Accessibility Guidelines) définissent une formule de ratio de contraste. Elle va de 1:1 (aucun contraste) à 21:1 (noir sur blanc). Le texte courant nécessite au moins 4.5:1 pour la conformité AA.
Qu'est-ce qui est considéré comme du texte large ?
Le texte large fait 18pt (24px) ou plus, ou 14pt en gras (environ 19px gras). Le texte large ne nécessite qu'un ratio de 3:1 pour AA.

Références et sources