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.
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