Texte noir sur fond jaune #FFD400
Le noir sur jaune vif atteint un contraste supérieur à 14 : 1, un des meilleurs rapports possibles.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Rapport de contraste
- 14,66 : 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
Le jaune est très lumineux : sa luminance relative est élevée, ce qui crée un fort écart avec le noir. En revanche, du blanc sur jaune serait presque illisible. La couleur seule ne dit rien : c'est l'écart de luminance qui compte.
À retenir : Un fond clair avec un texte foncé offre un bon contraste. L'inverse (texte clair sur fond jaune) est à proscrire.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur du texte (hexadécimal) : « #000000 »
- Couleur du fond (hexadécimal) : « #FFD400 »
- Rapport de contraste
- 14,66 : 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.