Vérificateur de contraste des couleurs

Comment faire

1. 1
   Remplissez les champs

   Saisissez vos nombres ou choisissez les options voulues.

2. 2
   Voyez le résultat

   La réponse se met à jour tout de suite quand vous changez une valeur.

3. 3
   Utilisez-le

   Copiez le résultat ou notez-le. Rien n'est envoyé nulle part.

À propos de cet outil

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Exemple concret

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Conseils pour de meilleurs résultats

Vérifiez chaque champ avant de vous fier à un résultat, car un chiffre faux change toute la réponse. Utilisez les chiffres exacts de votre fiche de paie, facture, certificat ou contrat et notez la date du calcul. Les taux, seuils et règles changent de temps en temps : pour les impôts, frais et questions juridiques, considérez le résultat comme une estimation et confirmez-le avec la source officielle indiquée sur cette page. Vous pouvez essayer autant de scénarios que vous voulez ; rien n'est enregistré ni envoyé, et actualiser la page vide les champs.