¿Qué es Verificador de contraste de color WCAG?

Verificador de contraste de color WCAG gratuito en línea. Ingresa colores de primer y segundo plano y verifica el cumplimiento de los estándares WCAG 2.1 AA y AAA. Incluye pares de colores predefinidos y vista previa en vivo.

¿Por qué usar Verificador de contraste de color WCAG?

  • Cumplimiento WCAG 2.1 AA y AAA para texto normal y grande
  • Vista previa de texto en vivo con tu combinación de colores
  • 8 pares de colores predefinidos para escenarios comunes
  • Indicadores claros de aprobado/fallo con las relaciones requeridas

Cómo usar Verificador de contraste de color WCAG — Paso a paso

1

Ingresa colores de primer plano (texto) y fondo.

2

Ve la relación de contraste y los resultados de cumplimiento WCAG.

3

Usa pares de colores predefinidos para escenarios comunes.

4

Ajusta los colores hasta que todas las verificaciones pasen.

¿Para quién es Verificador de contraste de color WCAG?

  • Accesibilidad web
  • Diseño UI
  • Cumplimiento WCAG
  • Selección de colores

Verificador de contraste de color WCAG — Preguntas frecuentes

What is WCAG 2.1 AA compliance?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

What is the difference between AA and AAA?

AAA is a higher standard requiring 7:1 for normal text and 4.5:1 for large text. AAA is not required for all content but is recommended where possible.

¿Listo para usar Verificador de contraste de color WCAG?

Herramienta en línea gratuita — funciona en tu navegador, sin registro. Empieza a usarla ahora.

Pruébalo ahora
Free Forever · No Sign-up

179 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.