Vérifiez le ratio de contraste entre deux couleurs selon les niveaux d'accessibilité WCAG AA et AAA.
Comment utiliser l'outil Vérificateur de contraste
Choisissez une couleur de texte et une couleur de fond.
Lisez le ratio de contraste et les badges WCAG réussi ou échoué.
Ajustez les couleurs jusqu'à ce qu'elles passent le niveau requis.
Questions fréquentes
WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte (18pt ou 14pt gras). AAA exige respectivement 7:1 et 4,5:1.
Texte d'au moins 24px (18pt), ou 18,66px (14pt) en gras. Le grand texte est autorisé avec un ratio de contraste plus faible.
À partir de la luminance relative de chaque couleur en utilisant la formule officielle WCAG, donnant une valeur de 1:1 (sans contraste) à 21:1 (noir sur blanc).
Un vérificateur de contraste WCAG qui affiche le ratio de contraste exact entre une couleur de texte et de fond et indique si elle répond aux niveaux d'accessibilité AA et AAA.
Choisissez les couleurs avec le sélecteur ou par code hexadécimal et voyez un aperçu en direct. Un bon contraste rend votre site lisible et accessible.
Outils similaires
Générez des hachages SHA-1, SHA-256, SHA-384 et SHA-512 de n'importe quel texte, directement dans votre navigateur.
Convertissez des couleurs entre HEX, RGB et HSL avec un aperçu en direct.
Convertissez les horodatages Unix en dates lisibles et inversement : UTC, heure locale, ISO 8601 et temps relatif. Les secondes et millisecondes sont détectées automatiquement.
Encodez et décodez les URLs et composants d'URL en percent-encoding, compatible UTF-8.
Nous utilisons des cookies essentiels au fonctionnement du site. Avec votre consentement, nous chargeons aussi Google AdSense, qui dépose des cookies publicitaires. Consultez notre politique de confidentialité.