Exportar Paleta:
Como funciona
1
Pressione a barra de [Espaço] do teclado ou clique em 'Gerar Nova Paleta' para sortear combinações harmônicas.
2
Clique no ícone de cadeado de qualquer cor para travá-la enquanto gera novas variações para as demais.
3
Escolha o tipo de harmonia: Equilibrada, Análoga, Monocromática, Tríade, Complementar, Pastel ou Vibrante.
4
Alterne para a aba 'Extrair Cores de Imagem', envie uma foto ou logo e veja o Canvas extrair os tons dominantes automaticamente.
5
Copie códigos em HEX, RGB ou HSL com 1 clique, ou exporte a paleta completa como variáveis CSS, Tailwind CSS, SVG ou imagem PNG.
Perguntas frequentes
É grátis mesmo?
Sim. O site é mantido por anúncios, então você não paga nem precisa criar conta.
Como funciona a extração de cores da imagem?
A imagem é processada localmente em um elemento HTML5 Canvas no seu navegador. Um algoritmo de quantização analisa os pixels da imagem, filtra transparências e agrupa as tonalidades predominantes para extrair uma paleta equilibrada com as cores principais da foto ou logotipo.
Minhas imagens são enviadas para algum servidor?
Esta ferramenta roda inteiramente no seu navegador: nada é enviado para um servidor.
Como funciona o atalho da barra de espaço?
Basta pressionar a barra de espaço em qualquer lugar da tela. Se você tiver cores travadas com o cadeado, elas serão preservadas e servirão de base para harmonizar as cores destravadas.
Posso exportar para projetos em CSS e Tailwind?
Sim. O gerador inclui botões dedicados para copiar todas as variáveis CSS (:root { --color-1: ...; }) e a configuração pronta para o Tailwind CSS (theme.extend.colors), além de download em SVG e PNG.
Funciona no celular?
Sim. A página se adapta à tela e não exige a instalação de aplicativos.