Gerador de Sombras & Tons
Gere instantaneamente 10 sombras e 10 tons de qualquer cor. Ferramenta online gratuita de paleta de cores para designers e desenvolvedores.
Shades
→ #000000
Click to copy
Tints
→ #FFFFFF
Click to copy
Como funciona
- Insira uma cor usando um código HEX, valores RGB ou use o seletor visual de cores.
- A ferramenta gera instantaneamente 10 sombras (variantes mais escuras) misturando a cor com preto.
- Visualize os 10 tons (variantes mais claras) criados ao misturar a cor com branco.
- Clique em qualquer amostra de cor da paleta para copiar o código HEX para a área de transferência.
- Utilize a paleta gerada diretamente no seu projeto de design ou desenvolvimento.
Exemplo
Entrada: #00B4D8
Resultado: Sombras (10): #00a2c2, #0090ac, #007e96, #006c80, #005a6a, #004854, #00363e, #002428, #001214, #00080a
Tons (10): #1abcdc, #33c4e0, #4dcce4, #66d4e8, #80dcec, #99e4f0, #b3ecf4, #ccf4f8, #e6f9fb, #f2fdfe
FAQ
Uma sombra é criada adicionando preto à cor base, tornando-a mais escura. Um tom é criado adicionando branco, tornando-a mais clara.
Sim, completamente seguros. Todo o processamento é feito no lado do cliente, diretamente no seu navegador. Nenhum dado é enviado a qualquer servidor.
Sim, a ferramenta aceita entrada de cor por código HEX, valores RGB e também pelo seletor visual de cores.
A ferramenta gera exatamente 10 sombras e 10 tons para cada cor, totalizando uma paleta de 20 cores.
Sim, é completamente gratuita, sem necessidade de registo nem limites de utilização.