Gerador de paleta de cores
Comece por uma cor que você adora ou deixe o acaso surpreender, depois fique com os tons que funcionam.
Lacrado neste dispositivo
Funciona no seu navegador. Nada é enviado.
Lacrado
Sua paleta
Configurações
Monta a paleta em torno da cor base. As cores travadas são mantidas.
Exportar
Como funciona
-
Escolha uma base ou gere ao acaso
Informe uma cor base e escolha uma harmonia, ou pressione “Nova paleta” (ou a barra de espaço) para gerar outra.
-
Trave o que você gostou
Trave as cores que quer manter e gere de novo: só as destravadas mudam. Clique em uma amostra para ajustá-la manualmente.
-
Exporte sua paleta
Copie como variáveis CSS ou JSON para o seu código, ou baixe um PNG para compartilhar com sua equipe.
Perguntas frequentes
O que significam as harmonias?
Elas vêm do círculo cromático. Cores análogas ficam lado a lado e transmitem calma. Cores complementares ficam em lados opostos e criam contraste. As harmonias complementar dividida, triádica e quadrada distribuem as cores de forma equilibrada pelo círculo, para paletas mais vibrantes. A monocromática usa versões mais claras e mais escuras de uma mesma matiz.
Como funciona o travamento?
Selecione o cadeado embaixo de uma cor para mantê-la. Quando você gera uma nova paleta, as cores travadas ficam exatamente onde estão e as novas cores são escolhidas para combinar com elas.
Por que as cores parecem tão equilibradas?
As paletas são criadas em OKLCH, um espaço de cor pensado a partir da visão humana. Girar a matiz nele mantém a luminosidade e a intensidade constantes, então nenhuma cor parece inesperadamente clara ou apagada ao lado das outras.
Como usar a paleta no meu projeto?
Copie a exportação CSS e cole na sua folha de estilos: você recebe variáveis como --color-1 que pode usar em qualquer lugar. A exportação JSON lista cada cor em HEX, RGB e OKLCH, para design tokens ou scripts.
Posso usar as paletas comercialmente?
Sim. Cores não pertencem a ninguém, e as paletas que você cria aqui são suas para usar livremente, em trabalhos pessoais ou comerciais.