Contraste de color según WCAG
PorOleh Soloninactualizado el
Resultado
Los dos colores están en una relación de 4,54 a 1.
Relación de contraste
4,54 : 1
Texto corrido
AA superado, AAA no (4,5:1)
Texto grande
AAA superado (4,5:1)
Elementos de interfaz y gráficos
superado (3:1)
Luminancia relativa
0,1812 frente a 1
La fórmula con sus valores
La luminancia relativa del color de texto es 0,1812 y la del fondo, 1. La relación es (el más claro + 0,05) ÷ (el más oscuro + 0,05) = (1 + 0,05) ÷ (0,1812 + 0,05) = 4,54. El 0,05 evita dividir por cero con negro sobre negro y limita el resultado por arriba a 21 a 1, que es blanco sobre negro.
El resultado es orientativo y no sustituye a una asesoría profesional.
También te puede servir
Generador de degradados CSS
Dos colores, un ángulo y la declaración CSS lista, con el color de reserva que se pinta detrás.
Longitud del title y la meta description
Cuenta los caracteres del title y de la meta description y avisa de que el corte real es por píxeles.
Inspector de caracteres Unicode
Cada carácter con su punto de código, sus bytes y las trampas invisibles.
Convertir binario y texto
Texto a binario, hexadecimal o decimal y de vuelta, pasando por los bytes de la codificación UTF-8.
Generador de robots.txt
Crea un robots.txt a partir de sus reglas — y dice lo que el archivo no puede hacer.