Outil de contrôle du contraste des couleurs en ligne

Le test de contraste qui rend votre design lisible

Cet outil vous aide à vérifier la conformité aux normes d’accessibilité (WCAG) et à améliorer l’expérience de vos utilisateurs, sans compromis sur votre identité visuelle.

Studio Ennoblir — Outil
Vérificateur de contraste
01 — Paramètres
Couleur du texte
Teinte
240°
Saturation
35%
Luminosité
14%
Couleur du fond
Teinte
33°
Saturation
14%
Luminosité
94%
02 — Résultat
/100
Global ? Note combinée qui tient compte de l'accessibilité, du confort visuel et du profil d'usage sélectionné.
Design ? Évalue le confort visuel. Un contraste trop fort (noir sur blanc pur) peut fatiguer l'œil sur de longs textes.
Lisibilité ? Mesure si le texte est suffisamment distinct du fond pour être lu facilement, notamment sur mobile ou en plein soleil.
Confort visuel
Trop faible Idéal Intense
Résultats par usage ? Chaque usage a ses propres critères. Un titre est plus facile à lire qu'un texte courant, donc le seuil est plus bas.

AA = niveau minimum recommandé.
AAA = niveau optimal pour tous.
Prévisualisation
Titre de votre page
Corps de texte courant. La lisibilité dépend du contraste entre la couleur du texte et celle du fond — et aussi de la taille et de la graisse choisies.
Légende ou note de bas de page
Graisse :
Suggestions de couleurs
Même teinte, luminosité ajustée.
Cliquez pour appliquer.
03 — Analyse
/100