Sélectionner pour vérifier le contraste des couleurs
Contraste de couleur
4.5:1
Conformité WCAG
Texte normal
AA
AAA
Grand texte
AA
AAA
Graphiques et interface utilisateur
AA
Oups ! Vous ne pouvez pas vérifier le contraste.
Le Vérificateur de Contraste en Ligne fonctionne avec
Pas encore prêt
Exemple visuel
Grand texte
Texte normal ou petit, texte en dessous de XY pixels ici. Texte normal ou petit, texte en dessous de XY pixels ici.
Qu'est-ce que le sélecteur de contraste de couleur ?
Utilisez notre vérificateur de contraste de couleur en ligne gratuit pour évaluer instantanément le rapport de contraste entre n'importe quelles couleurs de premier plan et d'arrière-plan. Conçu pour les designers, développeurs et créateurs de contenu, il affiche en temps réel la conformité WCAG AA/AAA pour le texte normal, le grand texte et les éléments graphiques/de l'interface utilisateur. Il suffit de choisir des couleurs, de les échanger et d'obtenir immédiatement un retour d'information de réussite/échec sur les seuils d'accessibilité (comme 4,5:1 pour le texte normal et 3:1 pour le grand texte). L'interface intuitive vous aide à ajuster les palettes pour une meilleure lisibilité et un design web inclusif — aucune installation requise. Optimisez les choix de couleurs de votre site pour améliorer l'utilisabilité, respecter les normes d'accessibilité et offrir une expérience plus conviviale.
Conformité WCAG
Élément | Quoi | Exigence AA | Exigence AAA |
---|---|---|---|
Texte normal |
Texte de corps régulier AA en dessous de 18pt (24px) ou en dessous de 14pt (18.66px) gras |
4.5:1 | 7:1 |
Grand texte |
Titres, grandes étiquettes au-dessus de 18pt (24px) ou au-dessus de 14pt (18.66px) gras |
3:1 | 4.5:1 |
Graphiques et interface utilisateur |
Éléments non textuels significatifs Icônes, bordures de formulaire, boutons |
3:1 |