Gere tons a partir de qualquer cor
Insira uma cor base e obtenha na hora uma gama completa de tons. Alterne entre uma escala numerada no estilo Tailwind e tintas, sombras e tons clássicos.
Escala (50–950)
A escala usa a luminosidade OKLCH, então cada passo é perceptivamente uniforme, com o croma diminuindo nas extremidades clara e escura. Isso produz design tokens equilibrados como os dos frameworks de UI modernos.
Tintas, sombras e tons
- Tintas misturam sua cor em direção ao branco — mais claro e suave.
- Sombras misturam em direção ao preto — mais escuro e profundo.
- Tons misturam em direção ao cinza — mais suave e discreto.
Como usar
- Escolha uma cor base ou digite um valor HEX, RGB, HSL ou OKLCH.
- Escolha a aba Escala ou Tintas / Sombras / Tons.
- Clique em qualquer amostra para copiar seu valor HEX.
