Extrair as cores predominantes de uma imagem

O que significa "cor predominante" de uma imagem

Uma imagem digital é uma grade de pixels, cada um com sua própria cor exata. "Cor predominante" não é a cor de um pixel específico — é o resultado de agrupar pixels de cor parecida e contar qual grupo tem mais pixels dentro da imagem inteira. Esta ferramenta faz esse agrupamento e devolve as cores dos grupos mais numerosos, como uma paleta que resume visualmente do que a imagem é composta, sem precisar abrir um editor de imagem para tirar essa informação manualmente.

Como o agrupamento funciona

Cada pixel tem três componentes de cor (vermelho, verde, azul), cada um variando de 0 a 255 — 16,7 milhões de combinações possíveis, praticamente todas raras o suficiente para nunca se repetir exatamente entre pixels vizinhos, mesmo numa área que parece visualmente uma cor só. Por isso a ferramenta reduz a precisão de cada componente antes de contar — agrupando pixels de cor semelhante numa mesma faixa — e, para cada faixa com muitos pixels, calcula a cor final como a média real de todos os pixels daquela faixa, não um valor arbitrário do meio da faixa. O resultado são as cores que de fato aparecem em maior quantidade na imagem, na proporção certa entre si.

Por que a imagem é reduzida antes de analisar

Antes de contar os pixels, a ferramenta redimensiona a imagem para um tamanho bem menor internamente — o suficiente para manter a proporção de cor da imagem original, mas rápido o bastante para processar no navegador sem travar a página, mesmo com uma foto de alta resolução. Essa redução não aparece na tela nem afeta a imagem enviada: é só uma etapa interna do cálculo da paleta.

Áreas transparentes não contam como cor

Uma imagem com fundo transparente (um PNG com logotipo, por exemplo) tem pixels que não representam nenhuma cor visível de fato. Esta ferramenta ignora esses pixels no cálculo — só os pixels visíveis, opacos ou quase opacos, entram na contagem de predominância. Sem esse cuidado, uma imagem com bastante área transparente teria sua paleta dominada por um valor de cor artificial, sem relação com o que aparece de fato na tela.

Enviando mais de uma imagem por vez

É possível arrastar ou selecionar várias imagens de uma vez — cada uma é processada e mostrada com sua própria paleta, sem misturar cor de uma imagem com a de outra. Útil para comparar rapidamente a paleta de várias fotos ou artes ao mesmo tempo, por exemplo para escolher qual delas combina melhor com uma identidade visual já definida.

Tudo processado no navegador

A leitura de pixel e o cálculo da paleta acontecem inteiramente no navegador, usando canvas — a imagem enviada não é transmitida a nenhum servidor deste portal em nenhum momento do processo. Fechar a aba encerra o processamento e descarta tudo o que foi calculado, sem deixar rastro salvo em nenhum lugar além do próprio navegador, durante a sessão em uso.

Quando a paleta extraída pode surpreender

Uma foto com um objeto pequeno e vibrante sobre um fundo grande e neutro tende a mostrar principalmente as cores do fundo, mesmo que o objeto seja o que chama mais atenção visualmente — a contagem é por quantidade de pixel, não por importância visual ou posição na composição. Da mesma forma, uma imagem com gradiente suave entre duas cores pode gerar uma paleta com vários tons intermediários próximos entre si, em vez de só as duas cores nas pontas, porque cada tom intermediário também ocupa uma faixa própria de pixels. Nenhum dos dois casos é um erro — é uma consequência direta de como "predominância" é definida: por quantidade de pixel, não por destaque visual.

Limite prático de tamanho de arquivo

Cada imagem enviada segue o mesmo limite de tamanho usado pelas demais ferramentas de imagem deste portal — até 25 MB por arquivo. O processamento em si (a etapa de redução e contagem de pixel) é rápido mesmo para fotos grandes, já que acontece sobre uma versão reduzida internamente, não sobre o arquivo original em resolução completa.

O que esta ferramenta não faz

Ela não identifica objetos, rostos ou conteúdo da imagem — só cor. Não sugere uso ou combinação para as cores extraídas, e não gera variações ou harmonias a partir delas (para isso, a ferramenta de paleta desta mesma família parte de uma cor escolhida manualmente, incluindo uma extraída aqui). E não garante que a paleta extraída capture toda nuance visual da imagem original — um agrupamento por faixa de cor sempre simplifica alguma variação sutil presente no arquivo original.