Rendez chaque mot plus lisible

Fonctions et usages

Le vérificateur de contraste compare les couleurs de texte et de fond aux seuils WCAG AA et AAA pour le texte normal et de grande taille. Les sélecteurs et les champs HEX, RGB ou HSL facilitent les réglages.

Essayez votre texte, choisissez la police, la taille et la graisse, et tenez compte des couleurs transparentes sur le fond de page. Inversez les couleurs, trouvez une couleur de texte conforme à AA, copiez le CSS ou téléchargez un rapport PNG avec aperçu et résultats.

Formats, options et limites

Les champs de couleur acceptent les codes HEX à 3, 4, 6 ou 8 chiffres, avec ou sans #, ainsi que les notations RGB/RGBA et HSL/HSLA. Les valeurs alpha règlent la transparence. Utilisez le sélecteur visuel pour des changements rapides ou saisissez une valeur précise.

• Prévisualisez jusqu’à 300 caractères saisis dans une police de la bibliothèque, de 12 à 96 px, en graisse normale ou en gras. Les textes et fonds transparents sont évalués sur la couleur de page opaque choisie. La suggestion AA vise au moins 4,5:1 pour le texte normal.
• Copiez le CSS contenant la couleur du texte, du fond et le rapport de contraste. Le rapport PNG téléchargeable mesure 1200 px de large, avec une hauteur adaptée au texte, et comprend l’aperçu, les résultats AA/AAA, les réglages de police et les valeurs de couleur. Utilisez-le pour documenter une paire de couleurs.

Travaillez sans compte : le texte et les photos sont traités dans votre navigateur. Enregistrez un projet sur cet appareil ou téléchargez une sauvegarde pour le rouvrir plus tard.

Bon à savoir

WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte. AAA exige 7:1 et 4,5:1 respectivement. Le grand texte commence à 24 px, ou environ 18,67 px en gras. Le ratio non arrondi est utilisé.

Les couleurs transparentes sont composées sur la couleur de page. Un ratio conforme vérifie les couleurs choisies, pas l’accessibilité de toute la création. Lire les recommandations WCAG sur le contraste