Vérificateur de contraste
Tester le contraste entre un texte et son fond.
Données d’entrée
Cet outil fonctionne entièrement dans votre navigateur. Les données saisies ou chargées ne sont jamais envoyées.
Résultat
Saisissez vos données, puis lancez l’outil.
À propos de cet outil
Calcule le ratio de contraste WCAG entre deux couleurs et indique si le couple respecte les niveaux AA et AAA pour le texte normal et le grand texte. Un aperçu montre le rendu réel.
Comment l’utiliser
- Choisissez la couleur du texte et celle du fond.
- Lisez le ratio et le verdict par niveau.
Questions fréquentes
Quel ratio est exigé ?
4,5:1 pour le texte normal (AA) et 3:1 pour le grand texte ; AAA demande 7:1 et 4,5:1.
Le contraste suffit-il pour l’accessibilité ?
Non, il faut aussi une taille de texte lisible, un focus visible et des intitulés explicites.
Pour aller plus loin
Outils liés
HEX vers RGB
Convertir une couleur HEX en valeurs RGB.
RGB vers HEX
Convertir des valeurs RGB en code HEX.
Générateur de palette de couleurs
Créer une palette harmonieuse à partir d’une couleur.
RGB vers HSL
Passer d’une couleur RGB à sa teinte, saturation et luminosité.
Générateur de dégradé CSS
Créer un dégradé linéaire ou radial en CSS.
Générateur d’ombre CSS
Composer un box-shadow avec aperçu en direct.