Gerador de Paleta de Cores — Esquemas Harmoniosos e Variáveis CSS

Developer Tools

Carregando...

Sobre Esta Ferramenta

Gere paletas de cores harmoniosas e equilibradas instantaneamente no seu navegador. Escolha entre 6 modelos de harmonia: Análogo, Complementar, Triádico, Dividido, Monocromático ou Aleatório, e exporte CSS.

Como Usar

  1. Selecione o Modelo de Harmonia: Escolha entre Aleatório, Análogo, Complementar, Triádico, Dividido ou Monocromático.
  2. Defina a Cor Base: Escolha a cor principal através do seletor interativo.
  3. Defina a Quantidade: Escolha gerar 3, 5, 7 ou 9 cores harmoniosas.
  4. Clique em Gerar: Calcule instantaneamente os tons correspondentes na roda de cores.
  5. Copie e Exporte: Clique em qualquer faixa para copiar o código hex, ou use Copiar Tudo ou Exportar CSS.

Perguntas Frequentes

Quais modelos de harmonia estão disponíveis?
Seis métodos baseados na teoria das cores: Aleatório, Análogo, Complementar, Triádico, Complementar Dividido e Monocromático.
Como exportar para CSS?
Basta clicar em Exportar CSS para obter uma declaração :root formatada pronta para suas folhas de estilo.
Posso usar a cor da minha marca como ponto de partida?
Sim, o seletor de cor base permite ancorar todos os cálculos geométricos na cor da sua marca.
Meus dados e paletas estão protegidos?
Sim, 100% protegidos. O processamento é totalmente executado em memória no seu navegador local.