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.

PLANETCALC, Luminancia relativa

Luminancia relativa

Color en forma RGB
Dígitos después del punto decimal: 2
Color
 
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.

PLANETCALC, Relación de contraste

Relación de contraste

Color en formato hexadecimal
Color en formato hexadecimal
Dígitos después del punto decimal: 2
Relación de contraste
 
Color 1
 
Color 2
 

Captura de Pantalla del Botón
Captura de Pantalla del Botón

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.

URL copiada al portapapeles
PLANETCALC, La luminancia relativa y la relación de contraste

Comentarios