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.
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
Atteindre AA en gardant cette teinte demande aussi d’ajuster le fond.
Atteindre AAA en gardant cette teinte demande aussi d’ajuster le fond.
Vos deux couleurs sont conformes, rien à corriger.
Aperçu selon la vision des couleurs
Normale
Protanopie
Deutéranopie
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.
| Niveau | Texte normal | Grand texte |
|---|---|---|
| AA, minimum légal courant | 4,5:1 | 3:1 |
| AAA, renforcé | 7:1 | 4,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
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.
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.
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.
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.
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.
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.
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.