Como extrair a paleta de cores de uma imagem
O extrator de cores de imagem identifica automaticamente as cores dominantes de uma foto, logotipo, print ou ilustração e mostra os códigos HEX e RGB de cada uma, com a porcentagem que ela ocupa na imagem. Também há um conta-gotas: basta clicar em qualquer ponto da imagem para descobrir a cor exata daquele pixel.
Tudo acontece no seu navegador. A imagem não é enviada para servidores, então você pode analisar inclusive arquivos confidenciais.
Como usar
- Arraste uma imagem para a área indicada, clique para escolher um arquivo ou cole uma imagem copiada com Ctrl + V.
- Escolha quantas cores quer extrair (de 4 a 12).
- Copie as cores individualmente, todas em lista ou como variáveis CSS.
- Clique em Abrir como paleta para continuar editando no Gerador de Paleta de Cores.
Como as cores dominantes são encontradas
A ferramenta reduz a imagem e agrupa pixels de cores parecidas usando o algoritmo k-means: ele busca os centros de grupos de cores que melhor representam a imagem e calcula quantos pixels pertencem a cada grupo. Por isso as cores exibidas são médias representativas e podem não existir exatamente como um pixel isolado. Para pegar a cor exata de um ponto, use o conta-gotas.
Usos comuns
- Criar a identidade visual de um site a partir de uma foto de produto.
- Descobrir as cores de um logotipo para usar em materiais.
- Montar paletas para apresentações, moodboards e redes sociais.
- Combinar a cor de textos e botões com a foto de capa de uma página.