Luminance relative et rapport de contraste
Deux calculateurs évaluent la luminance relative et le rapport de contraste pour des couleurs données.
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.
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.
Rapport de contraste
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
commentaires