Designer & Developer Tools
Generate shade scales from a base color
Create lighter and darker shades from a single base color and export them as CSS or SCSS tokens.
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
Generate shade scales from a base color
Esta página está diseñada para personas que necesitan un flujo de trabajo shade generator 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.