Gerador de paleta de cores
Gere uma paleta de cores combinando a partir de uma cor base.
Exemplos de uso
Planejando o esquema de cores de um site
Parta da cor base da sua marca e obtenha rapidamente uma paleta combinando para botões, fundos e destaques.
Encontrando um destaque marcante com cores complementares
Veja o tom diretamente oposto à sua cor principal para escolher uma cor chamativa para um botão de call-to-action.
Adicionando profundidade com uma paleta monocromática
Use variações mais claras e mais escuras de um único tom para criar um design coeso e refinado com apenas uma cor.
Perguntas frequentes
Meu valor de cor é enviado a um servidor?
Não. Todos os cálculos acontecem inteiramente no seu navegador, e o valor de cor que você digita nunca é enviado a um servidor.
Como cada tipo de harmonia é calculado?
Sua cor base é convertida para HSL e depois girada na roda de cores — a complementar fica a 180° de distância, a análoga a ±30°, e a tríade é espaçada em 120°. A monocromática mantém o mesmo matiz e saturação, variando apenas a luminosidade.
O que acontece se eu inserir uma cor muito escura ou muito clara?
Os valores de luminosidade da paleta monocromática ficam limitados entre 5% e 95%, então se sua cor original estiver muito próxima do preto ou branco, algumas variações podem acabar parecendo semelhantes entre si.