FerramentasDev.

Gerador de paleta de cores

Crie paletas harmônicas com um toque e copie HEX, RGB e HSL.

Como usar o gerador de paletas

  • Aperte espaço ou clique em Gerar paleta para criar uma nova combinação.
  • Clique no cadeado para manter uma cor fixa.
  • Clique no código da cor para copiar o HEX.
  • Use o conta-gotas para escolher uma cor específica.
  • Adicione ou remova cores (de 2 a 8).

Como as paletas são criadas

O gerador usa as harmonias clássicas da teoria das cores: análoga (cores vizinhas no círculo cromático), complementar (cores opostas), triádica, complementar dividida e monocromática. A luminosidade varia do escuro ao claro, para que a paleta tenha cores de fundo, de texto e de destaque.

Dica para sites e apps

Uma regra simples é a 60-30-10: 60% de uma cor neutra (fundo), 30% de uma cor secundária e 10% de uma cor de destaque para botões e links.

Perguntas frequentes

Como salvar uma paleta?

O endereço da página muda a cada paleta gerada. Use “Copiar link” e guarde ou compartilhe esse link para abrir a mesma paleta depois.

Como manter uma cor e trocar as outras?

Clique no cadeado da cor que quer manter. Ao gerar uma nova paleta, as cores travadas não mudam.

O que são HEX, RGB e HSL?

São formas diferentes de escrever a mesma cor. HEX (#ff521b) é o mais usado em sites e design; RGB indica a quantidade de vermelho, verde e azul; HSL descreve matiz, saturação e luminosidade.