CodeKitHubO que é esta ferramenta?
Cor média é a média aritmética dos valores vermelho, verde e azul de cada pixel — uma única cor combinada que representa o tom geral da imagem, mas que pode parecer turva se a imagem tiver regiões de cores muito diferentes.
Cores dominantes são diferentes: esta ferramenta agrupa cores de pixels semelhantes em baldes (quantizando cada canal RGB), conta quantos pixels caem em cada balde, e retorna as mais comuns como amostras distintas — mais próximo do que uma pessoa chamaria de "as cores principais desta imagem" do que uma única mistura em média.
Por que usar?
- Obtenha tanto a cor média quanto uma paleta multicolorida real a partir de um único envio, não apenas um número.
- Extraia uma paleta de cores utilizável de uma foto, captura de tela ou logotipo para um projeto de design.
- Clique em qualquer amostra para copiar seu código HEX exato instantaneamente.
- Roda inteiramente no seu navegador — a imagem é lida localmente via canvas e nunca é enviada a lugar nenhum.
- Grátis, instantâneo, sem conta, sem limite de tamanho de arquivo além dos próprios limites do seu navegador.
Como usar
- Clique no botão de envio e escolha uma imagem do seu dispositivo.
- A cor média e a paleta de cores dominantes aparecem automaticamente — sem botão extra para clicar.
- Clique em qualquer amostra (a cor média ou qualquer cor da paleta) para copiar seu código HEX.
Exemplo
Entrada
Uma foto de um pôr do sol com céu laranja e silhuetas azul-escurasResultado
Cor média: uma mistura acastanhada e alaranjada abafada · Cores dominantes: laranja vibrante, vermelho profundo, quase preto, amarelo pálido (como amostras distintas separadas)Este é exatamente o caso em que a cor média e as cores dominantes mais divergem — a média mistura tons quentes e frios em um resultado turvo, enquanto a paleta dominante os mantém como cores claramente separadas.
Perguntas frequentes
Por que a cor média é tão diferente de qualquer cor que realmente aparece na imagem?
A média combina matematicamente todos os pixels — se uma imagem tem regiões tanto de laranja vibrante quanto de azul escuro, a média termina em um marrom turvo, uma cor que pode não existir visualmente em nenhum lugar da foto original. Esse é o comportamento esperado de uma média verdadeira, não um bug; use a paleta de cores dominantes em vez disso se quiser cores que realmente aparecem na imagem.
Minha imagem é enviada para um servidor?
Não. A imagem é lida diretamente pelo seu navegador usando a API Canvas, e toda a análise de cor acontece localmente em JavaScript. Nada é enviado pela rede.
Quantas cores dominantes ele retorna?
Até 8, ordenadas por quantos pixels corresponderam a cada balde de cor, a mais comum primeiro. Se a imagem for muito uniforme em cor, você pode ver menos de 8 baldes distintos.
Ele conta os pixels transparentes de um PNG?
Não — pixels com menos de 50% de opacidade são excluídos tanto do cálculo da média quanto do cálculo da cor dominante, então um fundo transparente não vai distorcer os resultados em direção à cor que aparece através dele.