What's the difference between AA and AAA?

AA is the baseline required by most accessibility regulations. AAA is a stricter enhanced level. For normal text, AA is 4.5:1 and AAA is 7:1; for large text, AA is 3:1 and AAA is 4.5:1.

What counts as large text?

WCAG defines large text as at least 18pt (24px) regular, or 14pt (18.66px) bold. Anything smaller falls under the normal text thresholds.

How is the ratio calculated?

We follow WCAG 2.1's formula: convert each color to sRGB relative luminance, then compute (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter of the two. The ratio ranges from 1:1 to 21:1.

CSS & couleurs

Vérificateur de Contraste de Couleur

Vérifiez le contraste entre couleur de premier plan et arrière-plan selon les seuils WCAG 2.1 AA et AAA.

Vos données restent sur votre appareilSans envoi, sans serveurFonctionne hors ligne

Couleur du texte

Couleur de fond

Aperçu

Portez ce vieux whisky au juge blond qui fume.

Rapport de contraste

17.35:1

Texte normal AA

Validé

Texte normal AAA

Validé

Grand texte AA

Validé

Grand texte AAA

Validé

Composants UI AA

Validé

Pourquoi utiliser cet outil

Saisissez deux couleurs et visualisez instantanément le ratio de contraste WCAG 2.1 ainsi que les résultats de conformité pour le texte normal, le texte large et les composants d'interface non textuels.

Calcule le ratio de contraste exact basé sur la luminance entre une couleur de premier plan et une couleur d'arrière-plan.

Signale la conformité aux seuils WCAG 2.1 AA et AAA pour le texte normal (4.5:1, 7:1), le texte large (3:1, 4.5:1) et l'interface non textuelle (3:1).

Comment l'utiliser

01Choisissez les couleurs de premier plan et d'arrière-plan avec le sélecteur ou collez une valeur hex/rgb.

02Lisez le ratio et les indicateurs AA/AAA — tous les seuils sont affichés côte à côte.

03Cliquez sur «Échanger les couleurs» pour inverser et revérifier rapidement.

Vérifications rapides avant de copier

Confirmez que le format de saisie est celui attendu.

Vérifiez le résultat avant de l'utiliser dans un document, une URL, une config ou un message.

Copiez uniquement le résultat dont vous avez besoin.

FAQ

Quelle est la différence entre AA et AAA ?

AA est le niveau de base exigé par la plupart des réglementations d'accessibilité. AAA est un niveau amélioré plus strict. Pour le texte normal, AA est 4.5:1 et AAA est 7:1 ; pour le texte large, AA est 3:1 et AAA est 4.5:1.

Qu'est-ce que le texte large ?

WCAG définit le texte large comme au moins 18 pt (24 px) en régulier, ou 14 pt (18,66 px) en gras. Tout ce qui est plus petit relève des seuils de texte normal.

Comment le ratio est-il calculé ?

Nous appliquons la formule WCAG 2.1 : conversion de chaque couleur en luminance relative sRGB, puis calcul de (L1 + 0,05) / (L2 + 0,05) où L1 est la plus claire des deux. Le ratio va de 1:1 à 21:1.

Outils liés

Convertisseur de Couleurs

Convertissez des couleurs entre HEX, RGB, HSL et OKLCH avec un aperçu en direct et un curseur de teinte.

Vérificateur de Contraste de Couleur

Convertisseur de Couleurs→

Convertisseur de Couleurs