Outils › Design

Vérificateur de contraste des couleurs

Vérifiez les couleurs de texte et d’interface selon les WCAG 2.2 AA et AAA, prélevez des couleurs sur votre écran ou une maquette et obtenez la nuance conforme la plus proche.

Grand texte 24 px

Un texte courant de 16 px doit rester lisible pour tous, y compris les personnes malvoyantes.

2.21:1

✗ AA texte✗ AA grand✗ AAA texte✗ AAA grand✗ Interface et icônes

Couleur de texte la plus proche qui passe AA : #B4610B

Prélever des couleurs sur une maquette

Comment ça marche

  1. Le contraste est calculé avec la formule de luminance relative des WCAG et arrondi à l’inférieur, comme le font les auditeurs.
  2. La suggestion conserve la teinte et la saturation de votre couleur et ne modifie que la luminosité.

Questions

Qu’est-ce qu’un grand texte ?

À partir de 24 px en graisse normale ou de 18,66 px en gras. Il lui faut alors 3:1 pour le niveau AA au lieu de 4,5:1.