◐

Vérificateur de contraste de couleurs

Vérifiez le rapport de contraste WCAG entre une couleur de texte et d'arrière-plan avec les résultats AA/AAA.

Vos fichiers restent sur cet appareil

Les fichiers sont traités dans votre navigateur, jamais envoyés. Le site télécharge le code et les ressources nécessaires aux outils. Sans compte ni traceurs.

Utilisez Télécharger pour enregistrer cet outil dans un fichier HTML utilisable hors ligne.

Confidentialité →

Couleur du texte

Arrière-plan

Portez ce vieux whisky au juge blond qui fume.

Grand exemple de texte

Essayez un exemple détaillé

Exemple

Réglez la couleur du texte sur #767676 et le fond sur #ffffff. Le rapport est de 4.54:1, ce qui satisfait AA pour du texte normal. Un ton plus clair, #777777, donne 4.48:1 et échoue, car AA exige au moins 4,5:1 pour du texte normal.

À retenir

Le grand texte (environ 24px, ou 18,7px en gras) ne demande que 3:1 pour AA. Le rapport ignore les polices fines, le texte sur image et la transparence : vérifiez aussi le rendu réel, et ne transmettez jamais une information par la seule couleur.

À propos de cet outil

Comparez une couleur de premier plan et d'arrière-plan pour voir le rapport de contraste WCAG et savoir s'il valide les niveaux AA et AAA, le tout calculé localement dans votre navigateur.

Foire aux questions

Qu'est-ce qui compte comme grand texte ?

Le WCAG considère un texte de 18pt (24px) ou de 14pt (18,66px) en gras comme grand, ce qui nécessite un rapport plus faible de 3:1 pour le niveau AA.

Quels rapports sont validés ?

Le texte normal nécessite 4,5:1 pour AA et 7:1 pour AAA ; le grand texte nécessite 3:1 pour AA et 4,5:1 pour AAA.