🖼️ Utilitários

Cores da Imagem

Carregue uma imagem e descubra a cor de qualquer pixel em tempo real. Passe o mouse para ver HEX, RGB e HSL com lupa. Extrai automaticamente a paleta de cores dominantes.

🖼️

Arraste uma imagem ou clique para selecionar

JPG, PNG, GIF, WebP

Como usar?

Para começar, clique na área de upload ou arraste o arquivo até ela. Depois, passe o cursor por cima da imagem e veja em tempo real a cor de qualquer pixel.

A lupa mostra um zoom da região ao redor do cursor, e o painel exibe os códigos HEX, RGB e HSL do pixel embaixo dele. Clique em Copiar para mandar o valor que você quiser para a área de transferência.

Assim que a imagem carrega, a seção de cores dominantes aparece sozinha com as principais cores presentes ali. Para copiar o código HEX, é só clicar no swatch que você quiser.

Descubra as cores de uma imagem

Aquela cor exata de uma foto, de um logotipo ou de uma referência visual costuma ser impossível de adivinhar no olho. Carregue uma imagem e descubra a cor de qualquer pixel passando o mouse por cima, com uma lupa que mostra os valores em HEX, RGB e HSL em tempo real.

Além de pescar pontos específicos, a ferramenta extrai sozinha a paleta de cores dominantes da imagem. Ótimo para se inspirar numa foto, recriar a identidade visual de uma marca ou montar um esquema de cores harmônico a partir de uma referência.

A imagem é processada inteiramente no navegador e nunca vai para servidores, então dá para analisar arquivos pessoais ou de trabalho com privacidade total. Os códigos saem prontos para copiar e colar no seu projeto.

Perguntas frequentes

Funciona no celular ou só no computador com mouse?

A lupa e a leitura de pixel dependem do movimento do mouse sobre a imagem: o código escuta apenas eventos de mouse, sem equivalente para toque. Em telas sensíveis ao toque, arrastar o dedo pela foto não atualiza os valores HEX, RGB e HSL. A paleta dominante, essa sim, é calculada assim que a imagem carrega, e cada amostra pode ser tocada para copiar o código. Para pescar pixels específicos, use mouse ou trackpad.

Por que o código da paleta não bate exatamente com nenhum pixel da imagem?

A paleta não copia pixels. Ela agrupa as cores em faixas de 24 níveis por canal, conta as faixas mais frequentes e guarda até 16 tons que estejam a pelo menos 55 unidades de distância entre si no espaço RGB, para a fileira não encher de variações do mesmo tom. Pixels mais da metade transparentes ficam de fora. Quando você precisa do valor real de um ponto, passe a lupa nele e leia o painel, não a paleta.

A cor lida vem do arquivo original ou de uma versão reduzida?

Se a imagem for mais larga que a área de exibição, ela é redesenhada em escala menor no canvas e toda leitura sai dessa cópia reduzida. Áreas de cor chapada não sofrem nada, mas em bordas, texto fino e detalhes pequenos o pixel amostrado pode ser uma mistura dos vizinhos. Para um valor fiel, recorte antes a região de interesse ou use um arquivo estreito o bastante para caber sem redução.

Ferramentas Relacionadas

🎨

Gerador de Tons de Cor

Gere tons (shades) e matizes (tints) de qualquer cor. Clique para copiar o código HEX, RGB ou HSL. Ideal para sistemas de design.

🎨

Seletor de Cor

Escolha uma cor e obtenha os valores em HEX, RGB e HSL com um clique para copiar.

🎨

Misturar Cores

Misture duas cores e obtenha a cor resultante. Controle o peso percentual de cada cor. Resultado em HEX, RGB e HSL.

🎨

Ajustar Cor

Clareie, escureça, inverta, desature ou ajuste a saturação de uma cor HEX, RGB ou HSL. Veja o resultado em tempo real com o código da cor resultante.

🔃

Inverter Cores da Imagem

Inverta todas as cores de uma imagem (efeito negativo). Cada pixel é substituído pelo seu complemento RGB. Processado no navegador.

🎷

Dominante Secundária

Identifica V/x de cada grau diatônico (ex: V/ii em Dó = A7). Mostra V/ii, V/iii, V/IV, V/V, V/vi.