Design Tools
Gerador de paleta de cores
Gosta do clima de uma foto? Retire suas 6 cores dominantes com um clique e coloque-as diretamente em seu próximo design.
Como gerar uma paleta de cores
- 1.Carregue uma imagem: Qualquer foto, arte ou captura de tela - imagens coloridas fornecem as melhores paletas.
- 2.Gere a paleta: A ferramenta faz uma amostragem da imagem e quantiza seus pixels em 6 cores dominantes.
- 3.Clique para copiar: Clique em qualquer amostra para copiar seu código HEX instantaneamente.
- 4.Copiar variáveis CSS: Use o botão para capturar todas as seis cores como propriedades personalizadas CSS prontas para colar.
- 5.Baixe a faixa: Salve a paleta como uma faixa PNG para compartilhar com clientes ou colegas de equipe.
Gerador de paleta de cores Recursos
6 cores dominantes
A quantização inteligente encontra as cores que realmente definem a sua imagem.
Clique para copiar HEX
Toque em qualquer amostra para copiar seu código HEX para a área de transferência.
Exportação de variáveis CSS
Um botão copia todas as seis cores como propriedades personalizadas --color-1 ... --color-6.
Download de tiras PNG
Salve uma imagem de tira de paleta compartilhável para moodboards e apresentações.
Regeneração instantânea
Carregue outra imagem e obtenha uma nova paleta em segundos.
100% privada
A análise de pixels é executada localmente no seu navegador. As imagens nunca são carregadas.
Gerador de paleta de cores Perguntas frequentes
Como o gerador de paleta encontra as cores dominantes?
Ele faz uma amostragem de milhares de pixels da sua imagem, agrupa cores semelhantes (quantização) e as classifica de acordo com a frequência com que aparecem - para que os seis vencedores representem genuinamente a imagem.
Por que minhas 6 cores são tão parecidas entre si?
Imagens com uma gama de cores estreita (como uma paisagem com neblina) produzem naturalmente tons semelhantes. Experimente uma imagem mais colorida para uma paleta mais variada.
O que 'copiar como variáveis CSS' me proporciona?
Um snippet pronto para colar como :root { --color-1: #a3b18a; ... } que você pode inserir em qualquer folha de estilo e fazer referência em todo o seu CSS.
Posso usar essas paletas comercialmente?
Sim - as cores não são protegidas por direitos autorais e a ferramenta apenas lê pixels da sua própria imagem. Use as paletas em qualquer lugar.
Minhas imagens são carregadas?
Não. A análise é executada inteiramente no seu navegador em uma tela. Suas imagens nunca saem do seu dispositivo.