Gerador de paleta de cores

Aperte a barra de espaço (ou o botão) para gerar novas combinações. Trave as cores que quiser manter.

Dica: no computador, aperte Espaço para gerar. Clique no cadeado para travar uma cor.

As imagens usadas para extrair cores são lidas só no seu navegador.

Ajudou? O Bitevolution é grátis e sem cadastro. Você pode apoiar com um Pix ❤️

Como usar

  1. Clique em “Gerar paleta” (ou aperte Espaço) até achar uma combinação de que goste.
  2. Trave as cores favoritas no cadeado: elas ficam quando você gerar de novo.
  3. Copie em HEX ou CSS, baixe o PNG ou envie a foto para extrair as cores dela.

Tipos de harmonia

  • Análoga: cores vizinhas no círculo cromático — resultado calmo e coeso.
  • Complementar: cores opostas — contraste forte, bom para destacar botões e chamadas.
  • Tríade: três cores equidistantes — vibrante e equilibrada.
  • Complementar dividida: a cor base mais as vizinhas da complementar — contraste com menos tensão.
  • Monocromática: variações de claro e escuro de uma só cor — elegante e fácil de usar.

Como usar uma paleta (regra 60-30-10)

Use a cor dominante em cerca de 60% da peça (fundo), a secundária em 30% (blocos, títulos) e a de destaque em 10% (botões, ícones, chamadas). Garanta que o texto tenha contraste suficiente com o fundo — confira no conversor de cores, que tem teste de contraste.

Extrair cores de uma foto

Envie uma foto de paisagem, produto ou referência de moda: a ferramenta agrupa os pixels parecidos e mostra as cinco cores mais presentes, da mais para a menos dominante. Ótimo para criar a identidade visual de uma marca a partir de uma imagem que você ama.

Perguntas frequentes

Posso usar as paletas comercialmente?

Sim. Cores não têm direitos autorais; use à vontade em logos, sites, roupas e decoração.

Como compartilho uma paleta?

Use “Copiar link da paleta”: quem abrir o link verá exatamente as mesmas cores.

A foto é enviada para algum servidor?

Não. A imagem é processada no seu navegador e não sai do seu aparelho.