Gerador de paleta de cores
Gere uma escala de sombras e tonalidades a partir de uma única cor base.
🔒 100 % no cliente — nenhum dado enviado
Gerador de paleta de cores para criar shades, tints e tones a partir de uma única cor base em um clique. Perfeito para montar um design system consistente ou variantes claras e escuras para seus componentes. Todas as cores são geradas localmente no seu navegador, sem envio de dados.
FAQ
Qual é a diferença entre tint, shade e tone?
Um tint clareia uma cor adicionando branco, um shade a escurece com preto, e um tone a dessatura com cinza. A ferramenta gera essas variações automaticamente.
Como crio uma paleta para um design system?
Comece por uma cor base e derive-a em várias etapas (por exemplo, 50 a 900) para cobrir fundos, bordas e texto. A ferramenta produz uma escala que você pode exportar em HEX.
Em que formato posso obter as cores?
Cada tom vem com um código HEX pronto para copiar, que você pode usar diretamente em CSS ou nas suas variáveis. Você pode informar sua cor base em HEX.
Quantos tons devo gerar por cor?
Uma escala de 9 a 10 etapas é um padrão comum (como Tailwind) para cobrir todos os casos de uso. A ferramenta permite pré-visualizar toda a faixa.