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.

Brilho 100%
Regra de harmonia
Cor ativa
HEX
RGB
HSL
Paleta

Escolha uma regra de harmonia e uma cor base e depois arraste os marcadores da roda para afinar. Clique em qualquer amostra para copiá-la ou defini-la como nova cor base.


Sobre Gerador de Paletas de Cor

O Color Palette Generator cria esquemas de cores harmoniosos a partir de um círculo cromático interativo. Escolha uma cor base, selecione uma regra de harmonia — análoga, monocromática, tríade, complementar, complementar dividida, quadrada, tonalidades ou totalmente personalizada — e a ferramenta calcula instantaneamente uma paleta correspondente, com marcadores arrastáveis no círculo para ajuste fino.

Cada amostra mostra os seus valores HEX, RGB, HSL e HSB, e qualquer cor da paleta pode ser promovida à nova cor base com um clique. Um cursor de brilho desloca todo o esquema para tons mais claros ou mais escuros mantendo fixas as relações de matiz, o que torna muito rápida a exploração de variações de um esquema.

Tudo é calculado em tempo real no seu navegador com matemática de teoria da cor sobre o círculo HSV — não há uploads nem pedidos ao servidor. Quando a paleta estiver ao seu gosto, copie valores individuais, todas as cores de uma vez, variáveis CSS já prontas ou uma exportação em JSON.

Como usar Gerador de Paletas de Cor

  1. Escolha uma cor base com o seletor, digite um valor ou clique em "Aleatório".
  2. Selecione uma regra de harmonia como análoga, complementar, tríade ou quadrada.
  3. Arraste os marcadores no círculo e ajuste o cursor de brilho para afinar o esquema.
  4. Clique numa amostra para a copiar, ou defina-a como nova cor base para iterar.
  5. Exporte a paleta com "Copiar tudo", "Copiar variáveis CSS" ou "Copiar JSON".

Perguntas frequentes

Sim, é totalmente gratuito. Os cálculos da paleta são executados inteiramente no seu navegador, pelo que não há créditos, contas nem limites de utilização envolvidos.

Cada regra posiciona as restantes cores da paleta em ângulos fixos à volta do círculo cromático em relação à sua cor base: a complementar fica oposta (180°), a tríade distribui as cores 120° entre si, a análoga mantém as cores vizinhas próximas, a complementar dividida flanqueia a matiz oposta, e a quadrada distribui quatro matizes 90° entre si.

Os esquemas análogos ou monocromáticos são os mais seguros para interfaces, porque transmitem calma e coesão. Use complementar ou complementar dividida quando precisar de uma cor de destaque forte para botões e chamadas para ação sobre uma matiz base dominante.

Sim. Mude para a regra Personalizada e arraste cada marcador de forma independente no círculo, ou comece a partir de qualquer regra de harmonia e arraste os marcadores para ajustar — a ferramenta mantém a paleta atualizada à medida que os move.

Cada amostra mostra valores HEX, RGB, HSL e HSB, todos copiáveis individualmente. Também pode copiar a paleta completa como valores simples, como propriedades personalizadas CSS prontas para uma folha de estilos, ou como JSON para entregar a código ou ferramentas de design.


Pesquisas populares
gerador de paleta de cores roda de cores gerador de harmonia de cores cores complementares esquema de cores análogas gerador de paleta grátis
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

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