FREE WCAG COLOR CONTRAST CHECKER

Vérificateur de contraste WCAG gratuit

Vérifiez aussitôt si vos couleurs de texte et de fond sont lisibles selon WCAG 2.2.

Vos couleurs et résultats ne sont ni envoyés ni enregistrés sur un serveur.

  1. 1Saisir les couleurs
  2. 2Vérifier le contraste
  3. 3Copier le résultat

1 · Saisir les couleurs

Choisissez les couleurs à comparer

Calcul sur votre appareil

Utilisez le sélecteur ou saisissez une valeur HEX à 3 ou 6 chiffres.

Paires d’exemple

2 · Vérifier le contraste

Résultat de contraste WCAG 2.2

Rapport de contraste—
  • AA texte normal4,5:1 ou plus—
  • AA grand texte3:1 ou plus—
  • AAA texte normal7:1 ou plus—
  • AAA grand texte4,5:1 ou plus—
  • Composants UI3:1 ou plus—

3 · Copier le résultat

Aperçu réel des couleurs

Texte normal — vérifiez que le contenu reste facile à lire.

Aperçu du grand texteExemple de bouton

Vérifie uniquement les couleurs sRGB unies et opaques. La transparence, les dégradés, les images et la conformité de toute la page ne sont pas testés.

Guide gratuit d’accessibilité des couleurs

Vérifiez une paire lisible avec deux couleurs

Calculez gratuitement le contraste WCAG 2.2, sans compte ni installation.
1

Saisir deux couleurs

Ajoutez le premier plan et le fond uni placé derrière.

2

Lire les seuils

Consultez AA et AAA pour le texte normal, grand et l’interface.

3

Voir le rendu

Observez du texte et des composants à des tailles pratiques.

Comprendre le contraste WCAG

Un rapport, plusieurs seuils

Le minimum dépend de la taille du texte et du niveau visé.

Texte normal 4,5:1

WCAG AA exige au moins 4,5:1 pour le texte normal.

Grand texte 3:1

Le grand texte réussit AA à partir de 3:1.

UI à 3:1

Les contrôles et graphiques nécessaires exigent 3:1.

FREE WCAG COLOR CONTRAST CHECKER FAQ

Questions sur le contraste des couleurs

Découvrez l’usage gratuit, les seuils WCAG et les limites.
1Le vérificateur est-il gratuit ?

Oui. Il est gratuit, sans compte et sans limite d’utilisation.

2Quelle différence entre AA et AAA ?

AAA demande un contraste plus fort. Le texte normal exige 4,5:1 en AA et 7:1 en AAA.

3Qu’est-ce qu’un grand texte ?

WCAG indique environ 24px en graisse normale ou 18,66px en gras.

4Ce résultat prouve-t-il la conformité WCAG de tout mon site ?

Non. Il calcule seulement deux couleurs unies opaques. Vérifiez aussi les couleurs réellement adjacentes, les états, les images et les autres critères.