Vérificateur de contraste
Vérifiez le contraste et l’accessibilité
Testez le rapport de contraste entre deux couleurs quelconques par rapport à WCAG AA et AAA, corrigez automatiquement les combinaisons insuffisantes, et voyez l’aspect de vos couleurs avec une déficience de la vision des couleurs.
Premier plan & arrière-plan
3.54:1
Rapport de contraste
Corrections rapides
Aperçu du titre
Portez ce vieux whisky au juge blond qui fume. Le petit texte courant doit respecter les mêmes règles de contraste pour rester lisible par tous.
Grand texte (gras, 16px)
Simulateur de daltonisme
FAQ
Questions sur le vérificateur de contraste
De quel rapport de contraste ai-je besoin ?
WCAG AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le texte grand (18 pt+ ou 14 pt gras). AAA porte cela à 7:1 et 4,5:1 respectivement.
Que signifient les badges AA et AAA ?
Ils indiquent le niveau WCAG le plus élevé que votre combinaison de texte et d’arrière-plan atteint pour le texte normal et grand. Le vérificateur les met à jour en temps réel à mesure que vous ajustez les couleurs.
À quoi sert le simulateur de daltonisme ?
Il montre comment vos couleurs apparaissent aux personnes ayant différents types de déficience de la vision des couleurs, pour vous assurer qu’aucune information ne dépend de la couleur seule.
L’outil peut-il corriger automatiquement un contraste insuffisant ?
Oui. Les suggestions ajustent la luminosité du texte ou de l’arrière-plan jusqu’à ce que la combinaison atteigne le ratio cible tout en restant aussi proche que possible de votre couleur d’origine.
Commencez maintenant
Votre prochaine palette est à une image d’ici
Prélevez des couleurs, extrayez des palettes et exportez du code — gratuit, privé et instantané.