Gerador de paleta de cores
Parta da cor da sua marca e gere uma paleta usando as harmonias clássicas do círculo cromático ou uma faixa completa de tons, e depois copie os códigos HEX ou as variáveis CSS.
Não precisa de dados
Como usar
- Informe ou escolha uma cor base.
- Escolha uma harmonia.
- Copie cada cor ou as variáveis CSS.
Como funciona
As harmonias giram a matiz no círculo cromático HSL mantendo a saturação e a luminosidade: a complementar fica em +180°, a análoga em ±20° e ±40°, a tríade em +120° e +240°, a complementar dividida em +150° e +210° e a tétrade a cada 90°. Os tons mantêm a matiz e a saturação e variam a luminosidade de 95% a 15%.
O texto de cada amostra alterna entre preto e branco conforme a razão de contraste da WCAG.
Exemplos
- Tons da marca
- #0d6e63 → oito tons mais claros e mais escuros para fundos, bordas e texto.
Usos comuns
- Identidade visual e design de interface
- Apresentações e gráficos
- Design systems para a web
Privacidade e segurança
Esta ferramenta não pede nenhum dado pessoal nem nenhum arquivo. Os resultados são gerados no seu dispositivo. Como cada ferramenta trata os arquivos
Perguntas frequentes
Por que algumas harmonias parecem desequilibradas?
O HSL não é perceptualmente uniforme: os amarelos parecem mais claros que os azuis com a mesma luminosidade. Ajuste cada cor no olho.
Dá para extrair uma paleta de uma foto?
Dá, com o Extrator de paleta de imagem.
Última atualização: