Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Un sistema de color de la interfaz de usuario es un conjunto de variantes de color creadas a partir de un único color inicial. Proporciona escalas consistentes de claro a oscuro para tokens de diseño, botones, fondos y colores de texto.
Seleccione un color de semilla y elija un estilo (Viento de cola o Material). La herramienta genera una paleta completa de 10 pasos desde claro (50) hasta oscuro (900), perfecta para sistemas de diseño.
¿Qué es un token de diseño? Un token de diseño es un valor con nombre que almacena un atributo de diseño, como un color, que se utiliza de forma coherente en todo un sistema de diseño.
¿Por qué necesito 10 tonos? Los diferentes elementos de la interfaz de usuario necesitan diferentes niveles de contraste. Una escala de 10 pasos brinda flexibilidad para fondos, bordes, estados de desplazamiento y texto.