Le comptoir des petites parutions.Annuaire indépendant, édité par MLJ

Cas pratique : Contraste entre texte et fond

Contraste d'une encre bleu nuit sur un papier crème

Contraste d'une encre bleu nuit sur un papier crème : rapport de contraste 12,44 : 1. Exemple prérempli de l'outil contraste entre texte et fond, à modifier.

Rapport de contraste
12,44 : 1
Texte courant, niveau AA (4,5 : 1)
oui
Grand texte, niveau AA (3 : 1)
oui
Texte courant, niveau AAA (7 : 1)
oui

Le cas en détail

Un bleu très sombre sur un fond crème offre un contraste élevé tout en restant plus doux que le noir pur sur blanc. C'est un classique des publications imprimées soignées.

À retenir : Testez aussi l'impression : le papier réel n'est jamais exactement la couleur de l'écran.

L'exemple chiffré

Valeurs utilisées dans ce cas (des exemples, pas des relevés ni des tarifs) :

  • Couleur du texte (#RRGGBB) : #1b2a49
  • Couleur du fond (#RRGGBB) : #f6efe0
Rapport de contraste
12,44 : 1
Texte courant, niveau AA (4,5 : 1)
oui
Grand texte, niveau AA (3 : 1)
oui
Texte courant, niveau AAA (7 : 1)
oui

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 composante rouge, verte et bleue est convertie en valeur linéaire, puis pondérée pour obtenir la luminance relative. Le rapport de contraste vaut la luminance de la couleur la plus claire plus 0,05, divisée par celle de la plus sombre plus 0,05. Le niveau AA demande 4,5 pour du texte courant.

Les résultats sont fournis à titre indicatif, sans valeur de devis ni de conseil juridique, fiscal ou financier.

Pour aller plus loin