Vérificateur de contraste de couleur WCAG
Choisissez une couleur de texte et une couleur de fond et voyez instantanément le rapport de contraste, avec des badges RÉUSSI/ÉCHEC pour WCAG AA et AAA. Aperçu en direct, tout dans votre navigateur — rien n'est envoyé.
Couleur du texte
Couleur de fond
Rapport de contraste
21:1
Résultats
Grand texte = 18pt (24px) normal, ou 14pt (18,66px) gras.
AA · Texte normal
≥ 4.5:1
AA · Grand texte
≥ 3:1
AAA · Texte normal
≥ 7:1
AAA · Grand texte
≥ 4.5:1
Aperçu en direct
Texte normal — portez ce vieux whisky au juge blond qui fume.
Exemple de grand texte
Tout se passe dans votre navigateur. Aucun envoi, aucune inscription.
Comment ça marche
ÉTAPE 1
Choisissez deux couleurs
Choisissez une couleur de texte et une couleur de fond, ou collez n'importe quelle valeur HEX.
ÉTAPE 2
Lisez le rapport
Voyez le rapport de contraste WCAG exact et la réussite AA et AAA pour le texte normal et grand.
ÉTAPE 3
Regardez l'aperçu
Un exemple en direct montre le résultat réel. Ajustez jusqu'à la réussite. Tout est privé, rien ne quitte votre appareil.