ToolPronto

Vérifier le contraste et une palette

Mesurez le contraste, trouvez une variante conforme et copiez les couleurs CSS.

Les couleurs sont calculées localement.

Les favoris sont enregistrés uniquement dans ce navigateur.

Vérifier les couleurs

Vérificateur de contraste du texte

Testez un couple texte et fond selon les seuils WCAG 2.x.

Couleur du texteCouleur du fond

Une couleur lisible se juge en situation.Une couleur lisible se juge en situation.

Rapport de contraste: 16.68:1
Texte normal AA: ✓ Conforme
Grand texte AA: ✓ Conforme

Formats de couleur

#17201Brgb(23 32 27)hsl(147 16% 11%)

Vérifier les couleurs

Palette de cinq couleurs

Générez, verrouillez, contrôlez, simulez et exportez une palette réutilisable.

Verrouiller

Aperçu de la palette

Cet aperçu reproductible reste une approximation, pas un diagnostic ni un test de conformité. Les couleurs exportées ne changent pas.

Contraste de la palette d’origine

Dans chaque ligne, la première couleur sert de texte et la seconde de fond.

Couleur 1 sur couleur 2#096447 / #E2F3EC
6.24:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 1 sur couleur 3#096447 / #17201B
2.32:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 1 sur couleur 4#096447 / #F4F6F3
6.61:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 1 sur couleur 5#096447 / #6D46D9
1.21:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 2 sur couleur 1#E2F3EC / #096447
6.24:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 2 sur couleur 3#E2F3EC / #17201B
14.51:1Texte normal AA: ConformeTexte normal AAA: ConformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 2 sur couleur 4#E2F3EC / #F4F6F3
1.06:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 2 sur couleur 5#E2F3EC / #6D46D9
5.18:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 3 sur couleur 1#17201B / #096447
2.32:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 3 sur couleur 2#17201B / #E2F3EC
14.51:1Texte normal AA: ConformeTexte normal AAA: ConformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 3 sur couleur 4#17201B / #F4F6F3
15.35:1Texte normal AA: ConformeTexte normal AAA: ConformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 3 sur couleur 5#17201B / #6D46D9
2.80:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 4 sur couleur 1#F4F6F3 / #096447
6.61:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 4 sur couleur 2#F4F6F3 / #E2F3EC
1.06:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 4 sur couleur 3#F4F6F3 / #17201B
15.35:1Texte normal AA: ConformeTexte normal AAA: ConformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 4 sur couleur 5#F4F6F3 / #6D46D9
5.48:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 5 sur couleur 1#6D46D9 / #096447
1.21:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 5 sur couleur 2#6D46D9 / #E2F3EC
5.18:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme
Couleur 5 sur couleur 3#6D46D9 / #17201B
2.80:1Texte normal AA: Non conformeTexte normal AAA: Non conformeGrand texte AA: Non conformeGrand texte AAA: Non conforme
Couleur 5 sur couleur 4#6D46D9 / #F4F6F3
5.48:1Texte normal AA: ConformeTexte normal AAA: Non conformeGrand texte AA: ConformeGrand texte AAA: Conforme

À quoi sert Vérificateur de contraste des couleurs

L’outil calcule le contraste WCAG, les seuils selon la taille du texte et les différences au sein d’une palette. Mesurez le contraste, trouvez une variante conforme et copiez les couleurs CSS.

Utilisations courantes

Valider une paire texte-fond.
Trouver une couleur de remplacement.
Repérer des couleurs difficiles à distinguer.

Mode d’emploi

Choisissez les couleurs du texte et du fond.
Consultez le ratio et les résultats WCAG.
Ajustez une couleur ou copiez une valeur conforme.