Gerador de Tons de Cor

Todas as ferramentas
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.
Cor base
Passo
%
Quanto mais claro/escuro fica cada tom, por passo (1–25%).
Número de tons
Quantos tintes e tons gerar de cada lado da cor base.
Gradiente
Tons gerados

Escolha uma cor base, uma percentagem de passo e um número — cada tinte e tom é calculado instantaneamente no seu browser.

Partilhar
Ferramentas Relacionadas
Gerador de Paletas de Cor

Construa paletas de cores harmoniosas a partir de uma roda de cores interativa — aplique regras de harmonia como análoga, complementar ou tríade, e copie qualquer valor instantaneamente.
Misturador de Cores

Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente.
Exportador de Paletas

Cole ou importe um conjunto de cores e exporte-as instantaneamente para variáveis CSS, SCSS, configuração Tailwind, JSON ou amostras SVG — o passo final para qualquer paleta.
Extrator de Cores de Imagem

Extraia uma paleta refinada e pronta a copiar de qualquer imagem.
Pesquisas populares
gerador de tons de cor matizes e tons clarear e escurecer cor tons de uma cor gerador de matiz de cor gerar tons de cor

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.