WebyTooly

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.

Espacio publicitario

Arraste a sua imagem aqui ou clique para escolher

Aceita JPG, PNG e WebP

Espacio publicitario

Como se calcula a paleta dominante

A imagem é desenhada numa tela 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.

Calculadoras relacionadas