Vérificateur de contraste des couleurs
Vérifiez les rapports de contraste WCAG entre couleurs de texte et de fond — AA et AAA pour texte normal, grand texte et composants UI.
—
Rapport de contraste
—
Titre d'exemple
Le rapide renard brun saute par-dessus le chien paresseux.
Les mentions légales, légendes et textes d'aide utilisent cette taille.
Résultats WCAG
—AA texte normal4.5:1
—AA grand texte3:1
—AAA texte normal7:1
—AAA grand texte4.5:1
—Composants UI3:1
Besoin de couleurs d'abord ? Essayez Palette depuis un logo ou Palette depuis une image, puis collez les valeurs hex ici.
Comment ça marche
Choisissez une couleur de texte et une couleur de fond via le sélecteur ou en saisissant un code hex, une valeur RGB ou un nom de couleur CSS. L'outil calcule le rapport de contraste WCAG 2.1 et indique si la paire réussit AA et AAA pour le texte normal, le grand texte et les composants UI.
Seuils WCAG
- AA texte normal — 4,5:1 ou plus
- AA grand texte — 3:1 ou plus
- AAA texte normal — 7:1 ou plus
- AAA grand texte — 4,5:1 ou plus
- Composants UI — 3:1 ou plus
Conseils
- Liez directement avec des paramètres URL :
?text=374151&bg=ffffff - Utilisez Inverser les couleurs pour tester la combinaison inverse.
- Comparez avec nos palettes de couleurs.