Minha imagem é enviada para algum lugar?

Não. A imagem é desenhada em um canvas oculto e analisada localmente no seu navegador. Ela nunca é enviada a um servidor.

Como as cores dominantes são calculadas?

A imagem é reduzida para no máximo 100 pixels no lado mais longo, os valores RGB de cada pixel são quantizados em faixas de 32 por canal, e as dez faixas mais frequentes são exibidas. Pixels com mais de metade de transparência são ignorados.

Por que os hexadecimais extraídos não coincidem exatamente com uma cor que eu peguei da imagem?

A quantização arredonda cada canal RGB para o múltiplo de 32 mais próximo, para que tons parecidos se agrupem. O resultado representa um agrupamento de cores, e não um pixel exato, então pode diferir um pouco do valor de qualquer pixel individual.

Extrator de Cores de Imagem

Visão geral

Esta ferramenta monta uma paleta rápida a partir de qualquer imagem. Escolha uma foto, uma captura de tela ou um logotipo e ela devolve as dez cores mais comuns como amostras com o código hexadecimal. Internamente, ela reduz a imagem (máximo de 100 px no lado mais longo), quantiza cada canal RGB em passos de 32 para juntar tons quase idênticos, descarta os pixels majoritariamente transparentes e ordena as faixas resultantes pela contagem de pixels. A análise acontece em um canvas no seu navegador — o arquivo nunca sai da sua máquina.

Como usar

Clique em Choose image e selecione qualquer arquivo de imagem (PNG, JPEG, WebP etc.).
Leia as amostras resultantes — até dez cores, da mais frequente para a menos frequente, cada uma rotulada com seu código hexadecimal.

Exemplos

Extrair a paleta de marca da captura do logotipo de um concorrente para comparar com os seus design tokens.
Tirar as cores dominantes de uma foto de destaque para derivar cores de fundo e de destaque que combinem.
Verificar se um PNG de fundo «sólido» contém, na verdade, vários tons quase idênticos deixados pela compressão.

Observações

Imagens muito grandes são tratadas sem problema por causa da redução, mas a paleta reflete a imagem reduzida, então detalhes minúsculos de cor (linhas finas, pixels de destaque isolados) podem não aparecer. Regiões transparentes não influenciam o resultado.