Verificador de Contraste

Verifica la accesibilidad del contraste según WCAG 2.1.

Ratio de Contraste

21:1

Vista Previa

Texto normal de ejemplo (16px)

Texto grande de ejemplo (24px)

Resultados WCAG 2.1

Texto Normal
Nivel AAA
Requiere 4.5:1 (AA) o 7:1 (AAA)
Texto Grande (18pt+)
Nivel AAA
Requiere 3:1 (AA) o 4.5:1 (AAA)

Verificador de Contraste de Colores (WCAG)

Asegurarse de que el texto sea legible sobre el fondo no es solo una cuestión estética, es vital para la accesibilidad web. Esta herramienta calcula el ratio de contraste entre dos colores y te indica si cumple con las pautas WCAG 2.1 para usuarios con baja visión.

Ratio de Contraste

Calculamos la diferencia de luminancia relativa, desde 1:1 (invisible) hasta 21:1 (negro sobre blanco).

Niveles AA y AAA

Verifica instantáneamente si tu combinación pasa los estándares mínimos (AA) o los más estrictos (AAA) para texto normal y grande.

Vista Previa

Visualiza cómo se ve tu texto en tiempo real con diferentes tamaños y grosores de fuente.

¿Qué exigen las normas WCAG?

  • Nivel AA (Mínimo)Ratio 4.5:1 para texto normal y 3:1 para texto grande.
  • Nivel AAA (Óptimo)Ratio 7:1 para texto normal y 4.5:1 para texto grande.