Verificador de Contraste de Colores

Verifica si tus colores cumplen con los estándares de accesibilidad WCAG 2.1. Resultados en tiempo real para conformidad AA y AAA.

Relación de Contraste

17.06:1

✓ Pass

AA — Texto Normal

✓ Pass

AA — Texto Grande (18pt+)

✓ Pass

AAA — Texto Normal

✓ Pass

AAA — Texto Grande (18pt+)

Vista previa

Ejemplo de Título Grande

Así se ve tu texto de cuerpo contra el fondo elegido. Un buen contraste asegura legibilidad para todos los usuarios.

Consejo: WCAG AA requiere 4.5:1 para texto normal, 3:1 para texto grande. AAA requiere 7:1 y 4.5:1 respectivamente.

Kit de Tokens — modo claro, listo para pegar

Copia el CSS ahora, o recibe el archivo y un enlace para volver.

Envío el archivo ahora y como máximo un correo al mes. Baja en 1 clic.