Designer & Developer Tools
Check color contrast for accessibility
Test foreground and background colors against WCAG AA and AAA contrast rules.
Escala de Tonos
Paleta
Escala de Opacidad
Vista Previa de Degradado
Contraste
Vista Previa de Accesibilidad
Comprueba la legibilidad del texto y las superficies de la interfaz.
Vista Previa de Sombra
Sombra Premium
Check color contrast for accessibility
Esta página está diseñada para personas que necesitan un flujo de trabajo contrast checker en línea para sistemas de diseño, kits de interfaz de usuario, comprobaciones de accesibilidad y generación de tokens reutilizables.
- Fast visual workflow
- Ready-to-copy CSS and token output
- Useful for design systems and UI kits
- Built for developers and designers
FAQ
Preguntas frecuentes
Who is this color tool for?
It is useful for designers, frontend developers and anyone building design systems.
Can I copy the generated output?
Yes. You can copy and download the generated CSS, SCSS or JSON output.