Design

Vérificateur de contraste de couleurs gratuit

Vérifiez si vos couleurs de texte et d'arrière-plan respectent les normes d'accessibilité WCAG. Visualisez le ratio de contraste, la conformité AA/AAA et un aperçu en direct de votre combinaison de couleurs. Sans inscription.

100% gratuit — aucun compte requis

Ratio de contraste

21:1

AA Normal

4.5:1

AA Grand

3:1

AAA Normal

7:1

AAA Grand

4.5:1

Aperçu

Texte de titre

Le texte du corps ressemble à ceci en taille normale.

Le petit texte apparaît comme ceci.

Fonctionnalités de Vérificateur de contraste de couleurs gratuit

Assurez-vous que votre contenu est lisible par tous

Aperçu en direct

Voyez votre texte sur votre couleur d'arrière-plan en temps réel lors des ajustements.

Ratio de contraste

Calculé avec la formule de luminance relative WCAG pour des résultats précis.

Inverser les couleurs

Inversez en un clic les couleurs du texte et de l'arrière-plan.

Conformité WCAG

Vérifiez la réussite/échec AA et AAA pour le texte normal et les grands textes.

FAQ

Quel ratio de contraste me faut-il ?

WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour les grands textes. WCAG AAA exige 7:1 pour le texte normal et 4,5:1 pour les grands textes.

Qu'est-ce qu'un grand texte ?

Un grand texte est de 18pt (24px) ou plus, ou 14pt (18,5px) en gras ou plus. Les grands textes ont un seuil de contraste plus faible car ils sont plus faciles à lire.

Pourquoi l'accessibilité est-elle importante ?

Environ 15 à 20 % des personnes ont une forme de déficience visuelle. Un bon contraste garantit que votre contenu est lisible par le plus grand nombre et est souvent une obligation légale.

Vous aimez nos outils gratuits ?

Créez du contenu accessible pour les réseaux sociaux

Assurez-vous que votre contenu de marque est lisible et accessible.