Extrair cores de uma imagem
Envie 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 arquivo nunca sai do navegador: todo o processamento acontece no seu dispositivo.
Como se calcula a paleta dominante
A imagem é desenhada em uma tela e os pixels são lidos. Para que a análise seja rápida mesmo com fotos enormes, é coletada uma amostra regular de pixels em vez de percorrer todos, e os transparentes são ignorados.
porcentagem = pixels da caixa ÷ pixels analisados × 100
Os pixels são agrupados em um histograma tridimensional de 5 bits por canal e sobre esses grupos se aplica um algoritmo de corte pela mediana (median cut): a caixa de cor com mais pixels é dividida repetidamente pelo canal de maior amplitude, até haver tantas caixas quantas cores você pedir.
A cor final de cada caixa é a média real dos pixels que contém, e a porcentagem 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
- Por 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 criar um design a partir 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 pixels quase transparentes são descartados para que um PNG recortado não devolva a cor do fundo vazio.