Gerador de Tons de Cor
Tons e matizes de qualquer cor.
Tokens fixos 50–950; 50 é o mais claro, 950 é o mais escuro e 500 é a cor de entrada exata.
Proporções da IU? Calculadora de proporção · harmonias: Gerador de Paleta de Cores · WCAG: Verificador de Contraste de Cores.
Crie uma paleta de cores
Gere uma escala perceptual fixa 50–950 para o sistema de design ou etapas personalizadas de tons claros/escuros e copie propriedades personalizadas CSS ou baixe JSON.
Perguntas frequentes
O que são matiz e sombra?
Uma tonalidade clara é uma variação mais clara, e uma tonalidade sombreada é uma variação mais escura. Esta ferramenta ajusta a luminosidade e o croma perceptuais de OKLCH em vez de interpolar canais sRGB codificados.
Como copiar uma cor?
Clique em qualquer amostra para copiar seu valor HEX. Use Copiar variáveis CSS ou Baixar JSON para exportar a escala completa.
Como isso é útil?
Criação de paletas de cores e escalas de sistema de design a partir de uma única cor da marca — exporte como propriedades personalizadas CSS ou tokens no estilo Tailwind.
Última atualização: