Contraste de colores (WCAG)
Escribe los dos colores en hexadecimal (#1f2937) o como rgb(31, 41, 55).
Resultado
4,54:1Relación de contraste
- AA, texto normal (4,5:1)
- ✓
- AA, texto grande (3:1)
- ✓
- AAA, texto normal (7:1)
- ✕
- AAA, texto grande (4,5:1)
- ✓
- Colores leídos
- #767676 / #ffffff
Datos de entrada
- Color del texto
- #767676
- Color del fondo
- #ffffff
Cómo se calcula
La luminancia relativa de cada color se calcula con sus canales sRGB linealizados.
Resultado
Relación de contraste
- AA, texto normal (4,5:1)
- ✓
- AA, texto grande (3:1)
- ✓
- AAA, texto normal (7:1)
- ✕
Cómo se calcula
- La luminancia relativa de cada color se calcula con sus canales sRGB linealizados.
- Relación = (L clara + 0,05) ÷ (L oscura + 0,05), de 1:1 a 21:1.
- La relación se compara con los umbrales de WCAG 2 sin redondear.
Ejemplo
#767676 sobre blanco da 4,54:1: cumple AA para texto normal, no AAA.
Importante
- Un texto grande mide al menos 24 px, o 18,66 px en negrita.
- No se tienen en cuenta la transparencia ni los degradados.
Preguntas frecuentes
¿Para qué sirve esta herramienta?
Escribe los dos colores en hexadecimal (#1f2937) o como rgb(31, 41, 55).
¿Cómo se calcula el resultado?
La luminancia relativa de cada color se calcula con sus canales sRGB linealizados.
¿Qué debo comprobar antes de usar el resultado?
Un texto grande mide al menos 24 px, o 18,66 px en negrita.