Skip to main content

Calculadora de Cor Média Calcule a cor média matemática de qualquer imagem nos formatos hex, RGB e HSL.

Calculadora de Cor Média illustration
🖼️

Calculadora de Cor Média

Calcule a cor média matemática de qualquer imagem nos formatos hex, RGB e HSL.

1

Carregar Imagem

Solte ou selecione uma imagem - a cor média é calculada instantaneamente.

2

Visualizar Resultado

Veja a cor média exibida em uma grande amostra de visualização.

3

Copiar

Clique para copiar o valor hex, RGB ou HSL.

Loading tool...

What Is Calculadora de Cor Média?

Um calculador de cor média que computa a média matemática de todas as cores de pixel em uma imagem. O resultado é a média RGB de todos os pixels não transparentes, exibida como uma grande amostra de cor. Os valores são fornecidos nos formatos hex, RGB e HSL. O cálculo ocorre automaticamente após o upload da imagem. Diferentemente da detecção de cor dominante, a média combina todas as cores proporcionalmente, produzindo o tom geral da imagem.

Why Use Calculadora de Cor Média?

  • Calcula automaticamente após o upload da imagem - resultados instantâneos
  • Três formatos de cor: hex, RGB, HSL
  • Amostra de cor grande com texto sensível ao contraste
  • Útil para design, temas e análise de cores

Common Use Cases

Combinação de Fundo

Encontre uma única cor que represente uma imagem para borda ou fundo.

Placeholders de Imagem

Use a cor média como placeholder enquanto as imagens carregam.

Análise de Cor

Compare cores médias em um conjunto de imagens.

Temas

Gere temas de UI adaptativos a partir de imagens de conteúdo.

Technical Guide

A imagem é reduzida para uma dimensão máxima de 200px por motivos de desempenho. Os valores R, G e B de cada pixel são acumulados (pulando pixels transparentes). A soma é dividida pelo número de pixels para obter a média RGB. O hex é computado convertendo cada canal para base-16. O HSL é derivado do RGB usando a conversão padrão: tom a partir da diferença máxima/mínima do canal, saturação a partir do brilho e brilho a partir da média máxima/mínima.

Tips & Best Practices

  • 1
    A cor média difere da cor dominante - ela mistura tudo junto
  • 2
    Áreas claras e escuras se cancelam, produzindo tons médios
  • 3
    Útil para fundos de placeholder em lazy-load no design web
  • 4
    Compare com a cor dominante para uma compreensão mais completa dos tons da imagem

Related Tools

Frequently Asked Questions

Q vs cor dominante?
A cor média mistura matematicamente todos os pixels. A cor dominante encontra a mais comum.
Q Pixels transparentes?
Excluídos do cálculo.
Q Precisão?
Redimensionado para 200px para velocidade - os resultados são representativos.
Q Cálculo automático?
Sim - o resultado aparece automaticamente quando você carrega uma imagem.
Q Formato HSL?
Sim - os formatos hex, RGB e HSL são fornecidos.

About This Tool

Calculadora de Cor Média is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.