Vérificateur de contraste
Choisissez une couleur de texte et de fond et voyez instantanément le rapport de contraste WCAG, les résultats AA/AAA et un aperçu en direct de la combinaison.
Aperçu de grand titre
Ceci est du texte courant dans les couleurs choisies, pour juger directement de la lisibilité.
Seuils WCAG 2.1 : 4,5:1 (AA), 3:1 (AA grand ≥18pt/14pt gras), 7:1 (AAA), 4,5:1 (AAA grand).
Ensuite, essayez
Your files are processed locally in your browser. They are not uploaded to our servers.
Comment l'utiliser
- Choisissez ou saisissez la couleur du texte et celle du fond.
- Lisez le rapport de contraste et les résultats AA/AAA pour texte normal et grand.
- Ajustez les couleurs jusqu'à ce que toutes les vérifications requises passent.
Qu'est-ce que cet outil ?
Le Vérificateur de contraste calcule le rapport de contraste WCAG 2.1 entre deux couleurs avec la formule officielle de luminance relative, et l'évalue contre les quatre seuils : AA et AAA, pour texte normal et grand. Un aperçu en direct affiche du vrai texte dans vos couleurs pour juger directement la lisibilité. Un contraste suffisant est une exigence légale d'accessibilité dans de nombreux pays — et aide chaque utilisateur en plein soleil.
Utilisations courantes
- Vérifier que les paires texte/fond d'un design system respectent WCAG AA
- Contrôler les couleurs de marque avant le lancement d'un site
- Corriger les alertes de faible contraste de Lighthouse ou axe
- Choisir une couleur de texte lisible pour un fond donné
Questions fréquentes
Quel rapport faut-il pour réussir ?
AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte (≥18pt ou 14pt gras). AAA monte à 7:1 et 4,5:1 respectivement.
Qu'est-ce qui compte comme grand texte ?
Du texte à partir de 18pt (environ 24px), ou du texte gras à partir de 14pt (environ 18,5px).
Couvre-t-il WCAG 3 / APCA ?
Non, cet outil implémente la formule WCAG 2.1, celle que référencent les normes légales et outils d'audit actuels.
Puis-je vérifier des couleurs avec transparence ?
Non, le rapport est défini pour des couleurs opaques. Aplatissez d'abord la transparence contre son vrai fond.