Cor média de uma imagem

Calcule a cor média dominante de uma imagem — útil para gerar uma cor de fundo combinando ou uma miniatura de carregamento.

Exemplo:

Como funciona

Você desenvolve um site ou aplicativo e quer gerar automaticamente uma cor de fundo que combine com uma foto (por exemplo para um cartão de produto durante o carregamento da imagem)? Importe a imagem e a ferramenta calcula a média de todos os seus pixels para lhe dar uma cor representativa única.

Como a cor média é calculada?

A ferramenta soma os valores vermelho, verde e azul de cada pixel da imagem (ou de uma amostra regular para imagens muito grandes, para se manter rápida), e depois divide pelo número de pixels analisados para obter uma média por canal.

O resultado sempre corresponde à cor "dominante" visualmente?

Não exatamente: uma média pode gerar uma cor apagada (acinzentada ou marrom) se a imagem contiver muitas cores bem diferentes, mesmo que nenhuma dessas cores apareça realmente na imagem. É uma média matemática, não uma detecção da cor mais frequente.

Processamento 100% local: o cálculo é feito no seu navegador via nosso módulo WebAssembly — sua imagem nunca é enviada a um servidor.