Extrair cores de uma imagem
Carregue uma imagem e obtenha a sua paleta de cores dominantes, com o código HEX e o peso de cada cor.
Arraste a sua imagem aqui ou clique para escolher
Aceita JPG, PNG e WebP
O seu ficheiro nunca sai do navegador: todo o processamento acontece no seu dispositivo.
Como se calcula a paleta dominante
A imagem é desenhada num canvas e os píxeis são lidos. Para que a análise seja rápida mesmo com fotos enormes, é recolhida uma amostra regular de píxeis em vez de percorrer todos, e os transparentes são ignorados.
percentagem = píxeis da caixa ÷ píxeis analisados × 100
Os píxeis são agrupados num histograma tridimensional de 5 bits por canal e sobre esses grupos aplica-se um algoritmo de corte pela mediana (median cut): a caixa de cor com mais píxeis é partida repetidamente pelo canal de maior amplitude, até haver tantas caixas quantas cores pedir.
A cor final de cada caixa é a média real dos píxeis que contém, e a percentagem indica quanta imagem representa. Ordenadas por peso, as primeiras são as cores que definem visualmente a foto.
Exemplo prático
Numa foto de praia ao pôr do sol, a paleta de 6 cores costuma devolver um laranja quente com 30 %, dois azuis do mar e do céu, um tom de areia e dois tons escuros das silhuetas.
Perguntas frequentes
- Porque é que as cores não são exatamente as da foto?
- Cada cor da paleta é a média de um grupo de tons parecidos. Se quer o valor exato de um ponto concreto, use o seletor de cor de imagem.
- Para que serve uma paleta dominante?
- Para desenhar em torno de uma imagem: escolher o fundo de um cartão, a cor de um botão sobre uma foto de capa ou gerar um tema coerente com a marca.
- Quantas cores convém extrair?
- Entre 5 e 8 é o habitual. Com menos perde nuances e com muitas mais começam a aparecer tons quase idênticos entre si.
- As zonas transparentes são tidas em conta?
- Não. Os píxeis quase transparentes são descartados para que um PNG recortado não devolva a cor do fundo vazio.