Pular para o conteúdo principal
ImageColorPix

Analisador de Cores de Imagem

Envie qualquer imagem para uma análise completa premium: cores dominantes com cobertura, cor média, brilho, saturação, temperatura, contraste, humor, harmonias e cores combinadas prontas para design. Não só amostras. Um sistema de cores inteiro de uma foto.

tropical-beach.jpg

Cores dominantes

Cor média

#A7B2B8

Brilho

72%

Saturação

31%

Temperatura

Fria

Quente / Fria / Neutra pelo equilíbrio vermelho-azul

Contraste

Médio

Intervalo de luminância entre pixels

Clima da cor

Calma / Suave / Fria

A partir de saturação + temperatura + brilho

Harmonia de cores (da primária)

Cores que melhor combinam

clique para copiar

O que é análise de cores de imagem?

Além das cores dominantes

Ferramentas básicas param em 5 amostras. Este analisador também mede a imagem como um todo: média RGB, % de brilho percebido, % de saturação, temperatura quente/fria pelo equilíbrio vermelho-azul, contraste por faixa de luminância, e um rótulo humano de humor (Suave/Marcante, Quente/Fria, Leve/Densa/Calma).

A partir da cor dominante primária ele deriva harmonias análogas, complementares e triádicas, além de funções de produção (Primária, Secundária, Destaque, Escura, Clara) para você sair com um sistema usável, não só amostras.

Como usar

01

Envie

Clique no ícone de imagem, arraste e solte, cole ou carregue por URL. A foto de praia padrão carrega na hora.

02

Leia o relatório

Faixa de dominantes com barra de cobertura, chip da média, medidores de brilho/saturação, temperatura, contraste e humor.

03

Entregue o sistema

Clique em qualquer amostra, harmonia ou função para copiar. Copie o relatório ou baixe o TXT para handoff.

Exemplos reais

Extração de marca de logotipos

Envie um logo ou print: a dominante do topo com sua cobertura em % vira Primária, as duas seguintes Secundária e Destaque, e a mais escura e a mais clara viram neutros Escuro e Claro para um design system v1.

Humor de foto para campanhas

Saturação abaixo de 35 soa Suave, acima de 65 Marcante. Brilho acima de 70 Leve, abaixo de 35 Denso. Confira o trio mais a temperatura antes de lançar para confirmar que o hero passa o que o briefing pede.

Temas de UI da inspiração

Use as funções Escura/Clara para superfícies e texto, Destaque para CTAs, e harmonias para estados de hover, tudo de uma foto.

Consistência de conteúdo e redes

Mantenha feeds coesos: combine capas novas com matizes dominantes e matizes da cor média como fundos temporários.

QA de fotografia

Faixa de luminância abaixo de 0.25 soa contraste Baixo (apagado). Acima de 0.5 soa Alto. Barras de cobertura expõem fundos dominantes, como 60% ou mais de céu em fotos de praia.

Começo de acessibilidade

Combine as funções Escura e Clara, depois confira se esse par exato bate 4.5:1 no verificador de contraste antes de publicar.

Perguntas frequentes

1Em que difere do gerador de paletas?
Paleta dá amostras. O analisador soma cor média, % de brilho/saturação, temperatura, faixa de contraste, humor, harmonias e funções de produção (Primária/Secundária/Destaque/Escura/Clara) com cobertura.
2Como cores dominantes e % são calculadas?
Mesmo motor compartilhado: cerca de 12 mil pixels amostrados, quantização de 6 bits, ordem por frequência, união por distância 0.08. Barras de cobertura mostram a fatia relativa do top 5.
3O que significam brilho, saturação e temperatura?
Brilho é a luminância média percebida. Saturação é a intensidade média das cores. Temperatura conta pixels quentes (vermelho maior que azul) contra frios. Contraste é a faixa de luminância (Baixo/Médio/Alto).
4O que conta como contraste alto ou baixo aqui?
Contraste é a faixa de luminância nos pixels amostrados: abaixo de 0.25 soa Baixo, 0.25 a 0.5 Médio, acima de 0.5 Alto. Descreve a variação tonal dentro da foto, não legibilidade de texto WCAG. Combine as funções Escura e Clara e confira esse par à parte no verificador de contraste.
5Como a temperatura difere do balanço de branco na fotografia?
É mais simples de propósito: cada pixel amostrado vota quente quando o vermelho supera bem o azul e frio quando o azul supera o vermelho, e a maioria vence (empate soa Neutro). Mostra a tendência geral da foto, não um valor Kelvin, então use para direção de humor em vez de correção de cor.
6Posso analisar logos ou prints, não só fotos?
Sim. Tudo que você enviar, colar ou carregar por URL funciona: logos, prints de UI, cartazes. Artes chapadas dão resultados mais limpos que fotos porque áreas sólidas grandes dominam a contagem, então cores de marca surgem com cobertura alta.
7Minha imagem é enviada?
Não. Grátis, sem cadastro, privado por design.