¿Qué es Verificador de contraste de color?

El Verificador de Contraste de Color evalúa la relación de contraste entre colores de primer plano y fondo según los estándares de accesibilidad WCAG 2.1. Te indica al instante si tu combinación de colores cumple las pautas AA o AAA para texto normal y grande.

Cómo usar

1. Paso 1 — Define el color de primer plano (texto) con el selector de color o introduciendo un valor HEX/RGB.
2. Paso 2 — Define el color de fondo de la misma manera. La relación de contraste y la conformidad WCAG se actualizan en vivo.
3. Paso 3 — Revisa las insignias de aprobado/no aprobado para los niveles AA y AAA. Ajusta los colores hasta que se cumplan todos los criterios pertinentes.

Resultado

Un diseñador prueba texto gris oscuro (#333333) sobre fondo azul claro (#E3F2FD). La herramienta muestra una relación de 10.5:1, que aprueba tanto WCAG AA como AAA para todos los tamaños de texto.

Herramientas relacionadas