Qué hace esta herramienta
Evalúa un par de colores de texto y fondo frente a umbrales objetivos y reúne los formatos de color habituales.
Cómo usarla
- Introduce los colores HEX de texto y fondo o utiliza los selectores de color.
- Calcula la relación de contraste y las cuatro comprobaciones AA y AAA de texto.
- Revisa la muestra calculada y copia la relación, los resultados y los valores HEX, RGB y HSL.
Fórmula y método
Los canales sRGB se convierten en luminancia relativa. Relación = (luminancia clara + 0,05) ÷ (oscura + 0,05); no se redondea antes de comprobar los umbrales.
Ejemplo
Negro sobre blanco da 21:1 y cumple las cuatro comprobaciones. #008580 sobre #FFFFFF da aproximadamente 4,499954:1 y no cumple AA para texto normal porque es menor que 4,5:1.
Usos habituales
- Revisar colores de texto web
- Convertir HEX a RGB y HSL
- Comprobar tokens antes de publicar
Límites y notas
Solo comprueba dos colores sólidos opacos. No mide degradados, imágenes, transparencia, representación real de fuentes ni indicadores de foco. Son resultados de contraste de texto, no una auditoría del contraste no textual ni de accesibilidad completa.
Preguntas frecuentes
¿Qué umbrales se aplican?
WCAG 2.2 exige al menos 4,5:1 para AA y 7:1 para AAA en texto normal; el texto grande necesita 3:1 y 4,5:1 respectivamente. El tamaño se comprueba tal como se entrega, antes del zoom del usuario.
¿Cumplir hace accesible la página?
No. Solo se comprueba el contraste de los colores del texto. La estructura, el teclado, las etiquetas, el contraste no textual y el foco requieren otras comprobaciones.