Gris #595959 sur fond blanc : contraste
Le gris #595959 sur blanc atteint un contraste d'environ 7 : 1, ce qui valide le niveau AAA.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Rapport de contraste
- 7 : 1
- AA, texte normal (4,5 : 1)
- Réussi
- AA, grand texte (3 : 1)
- Réussi
- AAA, texte normal (7 : 1)
- Réussi
- AAA, grand texte (4,5 : 1)
- Réussi
- Éléments d'interface (3 : 1)
- Réussi
Le cas en détail
Ce gris est un bon compromis : assez doux pour ne pas fatiguer, assez foncé pour être lu sans effort. Son rapport avec le blanc dépasse 7, seuil du niveau AAA pour un texte normal. Il valide donc tous les niveaux de la liste.
À retenir : Choisissez un gris de texte plus foncé que #767676 sur blanc : c'est la limite du niveau AA.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur du texte (hexadécimal) : « #595959 »
- Couleur du fond (hexadécimal) : « #FFFFFF »
- Rapport de contraste
- 7 : 1
- AA, texte normal (4,5 : 1)
- Réussi
- AA, grand texte (3 : 1)
- Réussi
- AAA, texte normal (7 : 1)
- Réussi
- AAA, grand texte (4,5 : 1)
- Réussi
- Éléments d'interface (3 : 1)
- Réussi
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
Chaque canal est converti en valeur linéaire, puis la luminance relative vaut 0,2126 R + 0,7152 V + 0,0722 B. Le rapport est (L1 + 0,05) / (L2 + 0,05), L1 étant la plus claire des deux. Les seuils des WCAG sont 4,5 pour un texte normal en AA, 3 pour un grand texte et 7 pour un texte normal en AAA.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.