Texte blanc sur fond rouge brique
Calculez le contraste d'un texte blanc sur un fond rouge brique #A8432C.
Par Jimenez Julien, éditeur de Nuancier Carmin · mis à jour le
- Rapport de contraste
- 5,99 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Non atteint
- Grand texte, niveau AA (3)
- Atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Le cas en détail
Un blanc sur un rouge brique soutenu passe le niveau AA pour le texte courant. Les fonds colorés demandent un contrôle systématique, car deux teintes qui semblent très contrastées peuvent avoir une luminance voisine.
À retenir : Testez aussi en niveaux de gris : si le texte disparaît, le contraste est insuffisant même si les couleurs diffèrent.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des prix ni des mesures relevés) :
- Couleur du texte : #FFFFFF
- Couleur du fond : #A8432C
- Rapport de contraste
- 5,99 : 1
- Texte courant, niveau AA (4,5)
- Atteint
- Texte courant, niveau AAA (7)
- Non atteint
- Grand texte, niveau AA (3)
- Atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
On calcule la luminance relative de chaque couleur à partir de ses canaux corrigés, puis le rapport (plus claire + 0,05) divisé par (plus sombre + 0,05). Les seuils de la norme d'accessibilité sont 4,5 pour le texte courant en niveau AA, 7 en niveau AAA et 3 pour le grand texte.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.