Vérificateur de contraste
Vérificateur de contraste est un outil en ligne gratuit qui fonctionne dans votre navigateur. Rapport de contraste WCAG avec verdict conforme ou non. Sans installation ni inscription : saisissez vos valeurs pour un résultat instantané.
Comment utiliser
- Saisissez vos valeurs dans les champs ci-dessous.
- Le résultat s'affiche instantanément (ou cliquez sur le bouton).
- Copiez ou utilisez le résultat comme vous le souhaitez.
Outils associés
Questions fréquentes
Quels formats de couleur Vérificateur de contraste prend-il en charge ?
Le HEX sous ses formes à trois, six et huit chiffres, le RGB et le RGBA, ainsi que le HSL et le HSLA. Les valeurs transitent par une représentation interne commune : passer d'un format à l'autre puis revenir n'introduit donc aucune dérive.
Quel rapport de contraste faut-il pour passer les tests d'accessibilité ?
Le niveau AA du WCAG 2.1 exige 4,5 pour 1 pour le texte courant et 3 pour 1 pour le grand texte, c'est-à-dire à partir de 18,66 pixels en gras ou 24 pixels en romain. Le niveau AAA porte ces seuils à 7 pour 1 et 4,5 pour 1.
Puis-je coller le résultat directement dans du CSS ?
Oui. Les valeurs générées sont une syntaxe de couleur CSS valide et se collent telles quelles dans une feuille de styles, un fichier de jetons de design ou le style en ligne d'un composant.