Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Um sistema de cores da IU é um conjunto de variantes de cores criadas a partir de uma única cor inicial. Ele fornece escalas consistentes de claro a escuro para tokens de design, botões, planos de fundo e cores de texto.
Selecione uma cor inicial e escolha um estilo (Tailwind ou Material). A ferramenta gera uma paleta completa de 10 etapas, do claro (50) ao escuro (900), perfeita para sistemas de design.
O que é um token de design? Um token de design é um valor nomeado que armazena um atributo de design, como uma cor, usado de forma consistente em um sistema de design.
Por que preciso de 10 tons? Diferentes elementos da IU precisam de diferentes níveis de contraste. Uma escala de 10 etapas oferece flexibilidade para planos de fundo, bordas, estados de foco e texto.