Extrair paleta de cores da imagem
Tire uma paleta de cores pronta para usar de uma foto, uma arte ou uma imagem de marca: a ferramenta encontra as cores dominantes, mostra quanto da imagem cada uma ocupa e exporta tudo como variáveis CSS.
Funciona no seu navegador
Como usar
- Arraste uma imagem (ou selecione).
- Escolha quantas cores quer extrair.
- Copie os códigos HEX ou as variáveis CSS.
Como funciona
A imagem é reduzida para no máximo 200 px e os pixels dela são agrupados com o algoritmo de agrupamento k-means++: cada cor da paleta é a média de um grupo de pixels parecidos, e a proporção dela é a fatia de pixels desse grupo. Os pixels transparentes são ignorados. A semente é fixa, então a mesma imagem sempre gera a mesma paleta.
Exemplos
- Painel de referências
- Uma foto de pôr do sol → tons de laranja intenso, coral, violeta, azul-marinho e areia.
Usos comuns
- Painéis de referência e identidade visual
- Combinar as cores da interface com a imagem principal
- Inspiração para arte e design
Privacidade e segurança
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos nunca são enviados para os nossos servidores — o processamento acontece no seu dispositivo e o resultado também é criado ali. Como cada ferramenta trata os arquivos
Perguntas frequentes
Por que uma cor de destaque pequena e vibrante não entrou?
O k-means favorece as cores que cobrem áreas maiores. Aumente o número de cores para capturar os destaques.
Dá para editar a paleta?
Copie os códigos para o Gerador de paleta de cores ou para a sua ferramenta de design.
Última atualização: