Vérificateur de contraste de couleur
Vérifiez le rapport de contraste entre deux couleurs au format hexadécimal ou RGB pour évaluer la lisibilité de vos textes selon les seuils de référence.
Exécuter l’outil
Ce vérificateur de contraste calcule le rapport de contraste entre une couleur de texte ou d'élément visuel et sa couleur d'arrière-plan. L'outil accepte les notations hexadécimales à trois ou six caractères précédées d'un croisillon, comme #000 ou #003366, ainsi que le format rgb contenant trois entiers décimaux séparés par des virgules. Par défaut, les champs sont configurés avec le noir (#000000) et le blanc (#ffffff). Le calcul produit un ratio numérique arrondi à deux décimales, pouvant aller de 1,00 pour deux teintes identiques jusqu'à 21,00 pour le contraste maximal. Le tableau de résultats confronte directement cette valeur aux seuils d'évaluation : 4,5 et 7,0 pour le texte de taille standard, ainsi que 3,0 et 4,5 pour le texte de grande taille. Si une saisie n'est pas reconnue, une indication d'erreur signale le problème sans afficher les seuils habituels.
Mode d’emploi
- Saisissez la couleur de premier plan au format hexadécimal (#1a1a1a) ou RGB (rgb(26, 26, 26)).
- Indiquez la couleur d'arrière-plan avec la même convention de notation.
- Consultez le rapport de contraste calculé ainsi que les seuils validés pour texte normal et grand texte.
Exemples
- Pour un texte noir (#000000) sur fond blanc (#ffffff), le ratio calculé est de 21,00, validant l'ensemble des seuils pour texte normal et grand texte.
- Pour un texte bleu rgb(0, 51, 153) sur fond gris clair #eeeeee, le ratio obtenu est d'environ 8,76, validant les seuils de 4,5 et 7,0.
FAQ
Quels formats de couleur peut-on saisir dans l'outil ?
Vous pouvez saisir des valeurs hexadécimales à 3 ou 6 chiffres précédées d'un croisillon (comme #fff ou #003366) ou une notation rgb avec trois entiers décimaux séparés par des virgules.
Quel résultat obtient-on si les deux couleurs sont identiques ?
Lorsque les deux couleurs saisies sont strictement identiques, le ratio de contraste obtenu est de 1,0.
Quels seuils de contraste sont évalués par le vérificateur ?
L'outil évalue quatre seuils de lisibilité : 4,5 et 7,0 pour le texte normal, ainsi que 3,0 et 4,5 pour le grand texte.