Vérificateur de Contraste des Couleurs
Vérifiez si deux couleurs ont assez de contraste pour être lisibles. Obtenez le ratio et les résultats WCAG AA et AAA.
Comment ça marche
- 1
Saisissez la couleur du texte
Un code HEX comme #333333.
- 2
Saisissez la couleur du fond
Un code HEX comme #ffffff.
- 3
Lisez le résultat
Le ratio et la réussite ou l’échec à chaque niveau WCAG.
Outils associés
Les outils que l'on utilise juste après celui-ci.
Conçu pour ne pas vous ralentir
487
Outils disponibles
6
Langues
0
Filigranes ajoutés
2h
Avant suppression de vos fichiers
100%
Gratuit pour commencer
∞
Appareils compatibles
Questions fréquentes
Au moins 4,5:1 pour le texte normal et 3:1 pour le texte grand afin de réussir le niveau AA.
Un texte accessible commence par le contraste
Les WCAG exigent un ratio de contraste d’au moins 4,5:1 pour le texte normal et 3:1 pour le texte grand au niveau AA ; le niveau AAA le porte à 7:1 et 4,5:1. Le texte grand mesure 24 px en normal ou 18,66 px en gras, et plus.
Le ratio est calculé à partir de la luminance relative de chaque couleur, selon la formule WCAG 2. Un contraste suffisant aide tout le monde — surtout les personnes malvoyantes ou celles qui lisent leur écran en plein soleil.