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