Luminance relative et rapport de contraste

Deux calculateurs évaluent la luminance relative et le rapport de contraste pour des couleurs données.

Cette page existe grâce aux efforts des personnes suivantes :

Anton

Gaulthier Marrel

Créé: 2021-03-03 03:55:32, Dernière mise à jour: 2021-03-04 06:21:14
Creative Commons Attribution/Share-Alike License 3.0 (Unported)

Ce contenu est sous License Creative Commons Attribution/Partage à l'Identique 3.0(Unported). Cela signifie que vous pouvez redistribuer ou modifier librement ce contenu avec les mêmes modalités de licence et que vous devez créditer l'auteur original en plaçant un lien hypertexte de votre site vers l'œuvre https://fr.planetcalc.com/7779/. Vous ne pouvez pas modifier (le cas échéant) les références dans le contenu de l'œuvre originale.

Le calculateur suivant donne la luminance relative de la couleur sous la forme RVB. La couleur blanche a une luminance relative de 100 %, la couleur noire de 0 %, et toutes les autres couleurs, une valeur entre les deux.

PLANETCALC, Luminance relative

Luminance relative

Couleur sous la forme RVB.
Chiffres après la virgule décimale : 2
Couleur
 
Luminance relative, %
 

Calcul de la luminance relative

Chaque valeur des composantes colorés dans le forme RVB C8= {R8 - rouge, >V8 - vert, B8 - bleu} est un entier entre 0 et 255.
Tout d'abord, convertir les composantes colorées en valeurs réelles dans la gamme 0..1 :
Csrvb = C8/255, where C8 = { R8, V8, B8 }

Ensuite, trouve la valeur RVB linéaire pour chaque composante colorée C = { R,V,B } :
C = ((Csrvb+0.055)/1.055)2.4 , où Csrvb > 0.03928
ou
C = Csrvb/12.92, quand Csrvb <= 0.03928

En utilisant les composantes colorées C={R, V, B} la luminance relative peut être obtenue par :
L = 0.2126R + 0.7152G + 0.0722B1

Les coefficients dans le formule ci-dessous reflètent la sensibilité de l'œil humain à une composante colorée particulière : l'œil humain ressent la composante verte comme la plus lumineuse, la rouge un peu moins et la bleue est la moins lumineuse des trois.

Contraste

En connaissant la luminance relative, vous pouvez facilement calculer le rapport de contraste d'un texte coloré selon le formule : (L1 + 0.05) / (L2 + 0.05), où L1 et L2 - luminance relative de la couleur du texte et de l'arrière-plan (L1>L2).1
Le rapport de contraste montre avec quelle facilité un humain reconnait un texte ou une image sur un arrière-plan coloré. Pour être facilement lisible, le rapport de contraste des couleurs du texte et de l'arrière-plan doit être de 7:1. Le rapport de contraste doit être d'au moins 4,5 pour les gros textes ou les images de logo.

PLANETCALC, Rapport de contraste

Rapport de contraste

Couleur au format hex
Couleur au format hex
Chiffres après la virgule décimale : 2
Rapport de contraste
 
Couleur 1
 
Couleur 2
 

Bouton capture d'écran
Bouton capture d'écran

Suivant les résultats du calcul avec les valeurs saisies par défaut, pour le bouton calculer la sélection de couleur est erroné pour ce site puisque le rapport de contraste est de 2,84. Les personnes avec des problèmes de vus peuvent difficilement reconnaître l'inscription sur le bouton. Pour ma défense, je veux dire que le choix de couleur n'a pas été laissé au hasard. Le calculateur de poche que j'avais en 2008 avait le même bouton orange avec une inscription blanche = Peut-être que nous changerons à nouveau le design du site dans le futur pour régler ce problème

URL copiée dans le presse-papiers
PLANETCALC, Luminance relative et rapport de contraste

commentaires