Vérificateur de contraste des couleurs

Vérifiez si deux couleurs sont assez contrastées pour être lisibles par tous, selon les règles d’accessibilité WCAG. Aperçu en direct, correction automatique, simulation du daltonisme.

Saisissez vos deux couleurs

Celle du texte et celle du fond, au sélecteur ou en code hexadécimal.

Lisez les verdicts AA et AAA

Le rapport de contraste et la conformité se calculent en direct.

Appliquez la correction

Si une couleur échoue, récupérez la plus proche qui passe.

Contraste WCAG

Ex. #2A2A2A

Ex. #F1F1F1

Rapport de contraste

AA, texte normal

AA, grand texte

AAA, texte normal

AAA, grand texte

Aperçu

Exemple de texte sur ce fond

Exemple en grand texte

Correction la plus proche

Aperçu selon la vision des couleurs

Aa

Normale

Aa

Protanopie

Aa

Deutéranopie

Aa

Tritanopie

Comprendre les niveaux WCAG AA et AAA

Le contraste est un rapport entre deux couleurs, de 1:1 (identiques) à 21:1 (noir sur blanc). Les règles WCAG fixent un seuil minimal selon la taille du texte. AA est le niveau de référence, AAA un cran au-dessus.

NiveauTexte normalGrand texte
AA, minimum légal courant4,5:13:1
AAA, renforcé7:14,5:1

À quoi sert un bon contraste

Lisible par les seniors et les malvoyants

Un contraste suffisant, c’est du texte que tout le monde déchiffre, y compris une vue qui baisse ou un écran fatigué.

Près de 8 % des hommes voient mal les couleurs

Le daltonisme touche une part réelle de vos visiteurs. La simulation montre vos couleurs telles qu’ils les perçoivent.

Lisible en plein soleil, sur un téléphone

La majorité des visites se font sur mobile, souvent en extérieur. Un bon contraste tient là où un texte clair disparaît.

Conformité RGAA et European Accessibility Act

L’accessibilité numérique est une obligation pour une partie des entreprises depuis le 28 juin 2025. Le contraste en fait partie.

Une marque cohérente, des couleurs maîtrisées

Vérifiez vos couleurs de marque une fois, réutilisez-les partout sans vous demander si elles passent.

Vérifier avant la mise en ligne

Un contrôle de trente secondes évite de découvrir après coup que vos titres sont illisibles sur la moitié des écrans.

Vous avez des questions ?
On a les réponses

Qu’est-ce qu’un bon rapport de contraste ?
Le contraste est un rapport entre deux couleurs, de 1:1 (identiques, invisibles) à 21:1 (noir sur blanc). Les règles WCAG demandent au minimum 4,5:1 pour du texte normal et 3:1 pour du grand texte (niveau AA). Le niveau AAA, plus exigeant, demande 7:1 et 4,5:1.
Quelle différence entre AA et AAA ?
AA est le niveau de référence, celui visé par la réglementation et suffisant pour la grande majorité des sites. AAA est un niveau renforcé, recommandé pour des contenus critiques ou un public fragile. Viser AA partout et AAA quand c’est possible est une bonne ligne de conduite.
Qu’appelle-t-on « grand texte » ?
Un texte est considéré comme grand à partir de 24 px environ en graisse normale, ou 18,5 px environ en gras. En dessous, c’est du « texte normal », plus exigeant en contraste car plus fin à lire.
Mon site doit-il être accessible ?
Depuis le 28 juin 2025, l’European Accessibility Act impose l’accessibilité numérique à de nombreuses entreprises (au-delà de certains seuils de taille ou de chiffre d’affaires), et le RGAA s’applique déjà au secteur public. Le contraste des couleurs est l’un des critères les plus simples à respecter.
Comment corriger une couleur sans perdre mon identité visuelle ?
L’outil propose la couleur conforme la plus proche de la vôtre : il garde la teinte et la saturation, et ajuste seulement la luminosité juste ce qu’il faut. Vous restez fidèle à votre marque tout en devenant lisible.
Le contraste suffit-il pour être accessible ?
Non, c’est une brique parmi d’autres (structure des titres, alternatives textuelles, navigation au clavier). À noter aussi : les éléments d’interface comme les bordures de champ ou les icônes demandent au moins 3:1. Un site pensé pour tous se construit avec méthode, parlons-en.
Mes couleurs sont-elles envoyées quelque part ?
Non. Tout le calcul, les suggestions et la simulation du daltonisme se font dans votre navigateur. Aucune couleur n’est envoyée à un serveur.

Un site lisible par tous vos clients ?

On conçoit des sites soignés et accessibles, du contraste des couleurs jusqu’aux contenus.

Ils nous font confiance

5,0
★★★★★Note moyenne sur 35 avis Google