Comprobador de contraste (WCAG)
Comprueba el contraste de color según WCAG.
Funciona en tu navegadorGratis, sin registro
Cómo usar Comprobador de contraste (WCAG)
Comprobador de contraste (WCAG) te da una vista previa visual en vivo y CSS listo para copiar, para pasar de la idea al código en un solo paso.
Paso a paso
- 1Ajusta los controles y mira cómo cambia la vista previa.
- 2Afina los valores hasta que quede como quieres.
- 3Copia el CSS generado.
- 4Pégalo en tu hoja de estilos o componente.
Qué puedes esperar
- CSS limpio y moderno, sin código sobrante de proveedores.
- Una vista previa real del navegador: lo que ves es lo que se renderiza.
- Valores que puedes seguir ajustando sin empezar de cero.
Casos de uso habituales
- Prototipar un estilo antes de llevarlo al código.
- Comprobar el contraste de color para cumplir accesibilidad.
- Construir un conjunto coherente de tokens de diseño.
Privacidad y datos
Todo se ejecuta localmente en tu navegador. El archivo nunca se sube a un servidor, así que nada sale de tu dispositivo.
Preguntas frecuentes
Herramientas relacionadas: sigue trabajando con tu resultado