La luminancia relativa y la relación de contraste
Dos calculadoras evalúan la luminancia relativa y la relación de contraste de los colores dados.
Esta página existe gracias a los esfuerzos de las siguientes personas:
Anton
| |
 | Juan Manuel Gimenez
|
Este contenido está bajo licencia de Creative Commons Attribution/Share-Alike License 3.0 (Unported). Esto significa que puedes redistribuirlo o modificar su contenido en forma libre bajo las mismas condiciones de licencia y debes mantener la atribución del mismo al autor original de este trabajo colocando un hipervínculo en tu sitio web a este trabajo https://es.planetcalc.com/7779/. Así mismo, por favor no modifiques o alteres ninguna de las referencias al trabajo original (si hubiera alguna) que se encuentre en este contenido.
La siguiente calculadora da la luminancia relativa del color en forma RGB. El color blanco tiene un 100% de luminancia relativa, el negro tiene un 0%, todos los demás colores tienen una cantidad intermedia.
Luminancia relativa
Cálculo de la luminancia relativa
El valor de cada componente de color en forma RGB C8= {R8 - rojo, G8 - verde, B8 - azul} es un número entero entre 0 y 255.
En primer lugar, convertir los componentes de color a valores reales en el rango 0..1:
Csrgb = C8/255, donde C8 = { R8, G8, B8 }
Entonces encuentra el valor RGB lineal para cada componente de color C = { R,G,B }:
C = ((Csrgb+0.055)/1.055)2.4 , cuando Csrgb > 0.03928
o
C = Csrgb/12.92, cuando Csrgb <= 0.03928
Usando componentes de color lineales C={R, G, B}, se puede obtener la luminancia relativa por:
L = 0.2126R + 0.7152G + 0.0722B1
Los coeficientes de la fórmula anterior reflejan la sensibilidad del ojo humano al componente de color particular: el ojo humano percibe el componente verde más luminoso, el rojo un poco menos y el componente azul es el menos luminoso de los tres.
Contraste
Conociendo la luminancia relativa se puede calcular fácilmente la relación de contraste de un texto coloreado por la fórmula: (L1 + 0,05) / (L2 + 0,05), donde L1 y L2 - luminancia relativa del texto y el color de fondo (L1>L2).1
La relación de contraste muestra lo fácil que es para un humano reconocer un texto o una imagen sobre un fondo de color. Para que sea fácilmente legible, el color del texto y la relación de contraste del color del fondo debe ser de 7:1. La relación de contraste debe ser de al menos 4.5 para el texto grande o las imágenes del logo.
Relación de contraste
Como se desprende de los resultados del cálculo con los valores de entrada predeterminados, la selección de color del botón de cálculo es incorrecta para este sitio, ya que la relación de contraste es de 2,84. Las personas con problemas de visión apenas pueden reconocer la inscripción del botón. En mi defensa, quiero decir que la elección de los colores no se hizo por casualidad. La calculadora de bolsillo que tenía en 2008 tenía el mismo botón naranja con una inscripción blanca. Tal vez cambiemos el diseño del sitio de nuevo en un futuro próximo para abordar esta cuestión.
Comentarios