Gerador de Tons de Cor
Gere uma gama completa de tintes e tons a partir de uma única cor — escolha o passo de escurecimento/clareamento e o número de tons, depois copie qualquer valor instantaneamente.
Escolha uma cor base, uma percentagem de passo e um número — cada tinte e tom é calculado instantaneamente no seu browser.
Sobre Gerador de Tons de Cor
O Color Shades Generator expande uma única cor numa gama completa de tons claros e escuros. Indique uma cor base e a ferramenta produz tons progressivamente mais claros de um lado e progressivamente mais escuros do outro — a clássica escala de 50 a 900 usada em sistemas de design modernos.
Dois controlos moldam o resultado: a percentagem de passo define quanto cada tom clareia ou escurece (1–25% por passo), e a contagem define quantos tons claros e escuros aparecem de cada lado da base, até dez. Uma faixa de gradiente pré-visualiza toda a escala num relance.
A geração acontece instantaneamente no seu navegador enquanto escreve — nada é enviado a um servidor. Copie qualquer valor individual, a lista completa, ou toda a escala como variáveis CSS, prontas a colocar num ficheiro de tokens de design ou numa escala de cores ao estilo Tailwind.
Como usar Gerador de Tons de Cor
- Escolha uma cor base com o seletor ou digite um valor; clique em "Cor aleatória" para inspiração.
- Defina a percentagem de passo para controlar quanto cada tom clareia ou escurece.
- Escolha a contagem de tons para decidir quantos tons claros e escuros aparecem de cada lado.
- Clique numa amostra para a copiar, ou use "Copiar tudo" e "Copiar variáveis CSS" para toda a escala.