Gerador de Paletas de Cores
A paleta acima já é sua primeira sugestão. Clique em Gerar paleta para trocar as cores o obter opções aleatórias, ou extraia as cores a partir de uma imagem, clicando no botão correspondente. Tudo roda no seu navegador, nada é enviado a servidor algum.
Tipos de harmonia usados no modo aleatório
| Harmonia | Como funciona | Boa para |
|---|---|---|
| Análoga | Cores vizinhas no círculo cromático | visual calmo, coeso |
| Complementar | Cores opostas no círculo | contraste, destaque |
| Triádica | Três cores equidistantes | paletas vibrantes |
Como funciona a extração por imagem
A ferramenta lê os pixels da imagem e agrupa as cores, as 5 mais representativas viram sua paleta. Funciona bem em fotos, thumbnails e prints.
Onde usar essas cores?
- Na identidade visual de um canal ou perfil
- Para montar thumbnails e capas com cores que combinam
- Extrair a paleta de uma foto de referência para reproduzir o "clima" da imagem
- Exportar direto para seu projeto como variável CSS ou config do Tailwind
Depois de gerar sua paleta, você pode converter suas imagens para o formato certo antes de publicar, ou gerar um texto placeholder para preencher o layout enquanto o conteúdo final não fica pronto.
Perguntas frequentes
Não. Toda a leitura de pixels acontece no seu navegador via Canvas API. Nada sai do seu dispositivo.
Sim, tanto no modo aleatório quando no modo gerado a partir de uma imagem, clique no cadeado sobre a cor que quer manter antes de gerar a paleta novamente. Só as cores destravadas mudam.
Clique em "Exportar código" para copiar as cores prontas como variáveis CSS ou como configuração do Tailwind, ou clique em "Copiar tudo" para pegar os 5 hex de uma vez.