Pular para o conteúdo
Rotina Diária

Gerador de paleta de cores

Crie paletas harmônicas de 5 cores a partir de uma cor base (análoga, complementar, tríade e mais) e copie em HEX ou CSS.

Clique numa cor para copiar o código HEX.

Processado no seu dispositivo. Nada do que você digita é enviado.

Como usar: gerador de paleta de cores

  1. Escolha a cor base no seletor ou digite o código (HEX, RGB ou HSL) — ou clique em Gerar paleta aleatória.
  2. Troque a harmonia para ver combinações diferentes: análoga, complementar, tríade, tétrade ou monocromática.
  3. Clique numa cor para copiar o HEX ou copie todas como variáveis CSS.

Sobre esta ferramenta

As harmonias do círculo cromático

  • Análoga: cores vizinhas no círculo (±30° e ±60°). Combinação calma e natural, boa para fundos e identidades suaves.
  • Complementar: a cor oposta (180°). Contraste máximo — use a complementar só para destaques, como botões.
  • Complementar dividida: as duas vizinhas da oposta (150° e 210°). Contraste forte, mas mais fácil de equilibrar.
  • Tríade e tétrade: três ou quatro cores igualmente espaçadas. Vibrantes; escolha uma dominante e use as outras em pequenas áreas.
  • Monocromática: a mesma cor em tons claros e escuros. Elegante e segura para interfaces.

Como usar a paleta num projeto

Uma regra prática de design é a 60-30-10: 60% da área com a cor mais neutra, 30% com a secundária e 10% com a cor de destaque. Antes de usar texto sobre uma cor, confira a legibilidade no conversor de cores, que calcula o contraste WCAG. Para tirar a paleta de uma foto ou logotipo, use extrair cores da imagem.

Perguntas frequentes

Como escolher cores que combinam?

Parta de uma cor que represente o projeto e aplique uma harmonia do círculo cromático: análoga para algo calmo, complementar para contraste e monocromática para algo sóbrio. O gerador calcula as outras quatro cores automaticamente.

Posso usar as cores geradas em logotipo e site?

Sim. As cores são apenas códigos HEX e não têm direitos autorais. Copie os códigos para o Canva, Figma, Photoshop ou para o CSS do site com as variáveis prontas.

O que é uma paleta monocromática?

É uma paleta com uma única cor em várias luminosidades, do quase branco ao bem escuro. Ela mantém a identidade da cor e funciona bem em interfaces, apresentações e materiais institucionais.

É grátis mesmo? Existe limite diário?

É grátis e sem limite diário. Como o processamento acontece no seu aparelho, não temos custo por uso e não precisamos limitar você.

Funciona no celular?

Sim. O site funciona em qualquer navegador moderno no Android, iPhone, Windows, Mac e Linux, sem instalar nada.

Ferramentas relacionadas