Comprobador de contraste WCAG

Introduce colores de texto y fondo para revisar ratios AA y AAA. Útil para interfaces legibles y accesibles.

Share

Workspace

Use the tool below. Your inputs stay local when the tool supports browser-only processing.

All tools

The quick brown fox jumps over the lazy dog.

Small text sample for visual comparison.

Contrast Ratio
17.93:1
All WCAG checks passed

WCAG 2.1 Compliance

AA Normal Text(≥ 4.5:1)
PASS
AA Large Text(≥ 3:1)
PASS
AAA Normal Text(≥ 7:1)
PASS
AAA Large Text(≥ 4.5:1)
PASS
UI Components(≥ 3:1)
PASS

Workflow

How to use the Comprobador de contraste WCAG

1

Pega o carga tus datos

Abre Comprobador de contraste WCAG y añade el texto, archivo o valor que quieres procesar. La herramienta está pensada para comprobador contraste WCAG con un flujo rápido.

2

Ajusta y comprueba

Fórmula de luminancia relativa y contraste WCAG. Ejemplo: texto #000000 sobre #FFFFFF da 21:1 y supera AA y AAA.

3

Copia o descarga el resultado

Cuando el resultado esté listo, cópialo o descárgalo desde el navegador. No necesitas crear una cuenta.

Cómo funciona Comprobador de contraste WCAG

Fórmula de luminancia relativa y contraste WCAG. Ejemplo: texto #000000 sobre #FFFFFF da 21:1 y supera AA y AAA.

Límites y revisión

No evalúa imágenes de fondo, transparencia, estados de foco ni toda la accesibilidad de la interfaz.

Comprobador de contraste WCAG — Frequently Asked Questions

¿Comprobador de contraste WCAG es gratis?

Sí. Puedes usar Comprobador de contraste WCAG gratis para comprobador contraste WCAG, sin registro y sin instalar software.

¿Qué limitaciones tiene Comprobador de contraste WCAG?

No evalúa imágenes de fondo, transparencia, estados de foco ni toda la accesibilidad de la interfaz.