Recursos Principais do Analisador de Cores de Imagem
- Extraia paleta de cores dominantes com valores HEX/ARGB
- Amostragem de cores em tempo real com o mouse
- Clique para selecionar cores precisas de pixels
- Exiba percentuais de distribuição de cores
- Painéis de visualização de cores interativos
Como Usar
Adicione uma imagem
Clique na área de upload ou arraste uma imagem até ela. Qualquer formato que seu navegador exiba funciona — PNG, JPEG, GIF, WebP, SVG.
Escolha um pixel ou leia a paleta
Passe o ponteiro sobre a imagem para visualizar a cor sob ele e clique para fixá-la. Uma lista das cores dominantes da imagem aparece à direita ao mesmo tempo.
Clique em qualquer valor de cor para copiá-lo
Tanto a cor fixada quanto as entradas da paleta copiam seu valor HEX ou ARGB para a área de transferência quando você clica nelas.
Casos de Uso Práticos
- Designers criando esquemas de cores
- Desenvolvedores web combinando cores de marca
- Artistas digitais analisando imagens de referência
- Educadores ensinando teoria das cores
- Controle de qualidade para fotografia de produtos
Especificações Técnicas
- Formatos suportados: JPG/PNG/WEBP/GIF/SVG
- Processamento baseado em navegador
- Algoritmo de agrupamento de cores de alto desempenho
- Análise de espaço de cor CIE Lab
- Compatibilidade entre dispositivos
Segurança e Privacidade
- Processamento 100% no lado do cliente
- Zero envio de dados de imagem
- Limpeza automática de memória
- Sem cookies de rastreamento
- Em conformidade com GDPR
Acessibilidade
- Sem necessidade de registro
- Gratuito para uso comercial
- Interface otimizada para dispositivos móveis
- Em conformidade com contraste de cores
Perguntas Frequentes
- Minha imagem é enviada para um servidor?
- Não. O arquivo é lido com o FileReader do navegador e desenhado em um canvas localmente. Nenhuma requisição é feita e nada é armazenado em lugar nenhum.
- Por que a cor que eu escolhi é um pouco diferente da que vejo no meu editor de imagens?
- A prévia mostrada aqui é reduzida a no máximo 500 pixels no lado mais longo e recodificada, e o redimensionamento suave mistura os pixels vizinhos. Cores em uma borda nítida podem, portanto, aparecer como uma mistura em vez do pixel exato do arquivo original. Em uma área de cor uniforme, as duas coincidem.
- Como ele decide quais cores são as dominantes?
- A imagem é reduzida a 200 pixels, amostrada em uma grade, e cada cor é comparada com as outras pela diferença de cor CIE76. Tons com menos de 10 de distância são agrupados em uma única cor média. Uma cor precisa cobrir pelo menos 1% dos pixels amostrados para entrar na lista, e a lista é limitada a 18 entradas, da maior para a menor.
- O que significam os dois valores ao lado de cada cor?
- HEX é a cor web habitual de seis dígitos. ARGB é escrito com o canal alfa primeiro — ARGB(255, 120, 40, 90) significa vermelho 120, verde 40 e azul 90 totalmente opacos. O alfa é sempre 255 em uma imagem opaca, e pixels com mais de metade transparentes são ignorados na montagem da paleta.