Cómo usar el comprobador de contraste
Úsalo con dos colores sólidos que estén en contacto. Comprueba contraste de texto, no una página completa.
- Escribe el color del texto en HEX de 3 o 6 dígitos.
- Escribe el color sólido del fondo.
- Pulsa Comprobar contraste.
- Lee la relación y cada resultado escrito.
- Revisa la muestra y repite la prueba con los demás estados reales.
Cálculo oficial
Cada canal sRGB se normaliza y linealiza con el punto 0,04045. La luminancia es 0,2126R + 0,7152G + 0,0722B y la relación es (L1 + 0,05) / (L2 + 0,05).
Umbrales AA y AAA
AA exige 4,5:1 para texto normal y 3:1 para texto grande. AAA exige 7:1 y 4,5:1. Se considera grande desde 18 pt normal o 14 pt en negrita, con equivalentes para CJK.
Redondeo y alcance
La aprobación usa el valor interno completo: 4,499:1 no alcanza 4,5:1 aunque se muestre como 4,50. Solo se admiten dos colores HEX opacos; no hay alpha, degradados, imágenes ni escaneo del sitio.
Qué más debes revisar
- Estados de enlace, foco, error y desactivado.
- Texto sobre imágenes o temas alternativos.
- Tamaño, peso y tipo de letra reales.
- Estructura, teclado, zoom y demás requisitos de accesibilidad.
Ejemplos
#000000 sobre #FFFFFF da 21,00:1 y cumple todo.
#767676 sobre blanco supera 4,5:1; #777777 queda por debajo y no cumple AA normal.
Preguntas frecuentes
¿Puedo omitir #?
Sí, se aceptan 3 o 6 dígitos con o sin #.
¿Por qué no acepta transparencia?
El color efectivo depende del fondo compuesto; esta herramienta compara dos colores opacos.
¿Cumplir significa que toda la web es accesible?
No, solo confirma este par y estos umbrales.
¿Qué uso para texto de 16 px?
El criterio de texto normal: 4,5:1 para AA.