Descobrir a cor de uma imagem online

Abra uma imagem, aponte para o pixel exato com a mira ampliada, copie o valor em HEX, RGB ou HSL e salve as cores úteis encontradas na imagem.

ou solte uma imagem aqui

JPG, PNG ou WebP · até 50 MB

A imagem é analisada localmente no seu navegador

Cores precisas diretamente de uma imagem

Seleção no nível do pixel

Use a mira ampliada para apontar para um pixel específico em vez de estimar uma cor pela imagem inteira.

HEX, RGB, HSL e uma paleta

Copie a cor selecionada nos formatos comuns da web e de design, salve várias amostras e examine cores representativas da imagem.

Análise local de cores

A seleção de pixels e a extração da paleta acontecem no seu dispositivo, sem enviar a imagem para os servidores do ImageNow.

Como funciona

  1. Escolha ou solte uma imagem compatível.
  2. Mova o cursor sobre a imagem e selecione o pixel exato com a mira ampliada.
  3. Copie o valor em HEX, RGB ou HSL e salve as cores que deseja guardar.
  4. Compare suas amostras com a paleta extraída da imagem ou abra outra imagem.

Como descobrir o código de uma cor em uma imagem

Escolha a imagem, mova o ponteiro sobre a área desejada e use a visualização ampliada para distinguir pixels vizinhos. Selecione o pixel para atualizar a cor atual e copie o valor no formato exigido pelo seu programa de design, folha de estilos, documento ou apresentação.

HEX, RGB e HSL descrevem a mesma cor selecionada

HEX é uma forma hexadecimal compacta muito usada em CSS e na troca de arquivos de design. RGB lista os valores dos canais vermelho, verde e azul. HSL descreve matiz, saturação e luminosidade, o que pode facilitar ajustes sistemáticos. Converter os formatos não altera a cor selecionada.

Por que pixels vizinhos podem ter valores diferentes

Fotos contêm textura, iluminação, sombras, artefatos de compressão e bordas suavizadas, por isso pixels próximos podem ser diferentes mesmo quando parecem formar uma só área. Selecione alguns pontos vizinhos e salve os valores úteis. Uma paleta representativa ajuda a revelar as cores gerais, mas não substitui a seleção precisa de pixels.

Use as cores selecionadas com contraste adequado

Uma cor retirada de um logotipo ou de uma foto não é automaticamente legível como texto nem adequada a qualquer interface. Ao usá-la em um site ou documento, teste a combinação entre primeiro plano e fundo no tamanho de texto necessário e siga a norma de acessibilidade aplicável ao projeto.

Perguntas frequentes

Como descobrir a cor de uma imagem?

Escolha uma imagem, vá até a área desejada, use a mira ampliada para identificar um pixel e selecione-o. Depois, copie seu valor em HEX, RGB ou HSL.

Posso descobrir o código HEX de uma foto?

Sim. Pixels opacos aparecem em HEX com seis dígitos; pixels com transparência usam oito dígitos, incluindo o canal alfa. Os valores RGB e HSL também preservam o alfa. Use o controle de cópia ao lado do valor desejado.

Qual é a diferença entre HEX, RGB e HSL?

São formas diferentes de representar a mesma cor. HEX e RGB codificam os canais vermelho, verde e azul, enquanto HSL descreve matiz, saturação e luminosidade.

Posso salvar mais de uma cor selecionada?

Sim. Salve as amostras úteis enquanto examina a imagem para compará-las ou copiá-las sem precisar encontrar os mesmos pixels novamente. Você também pode baixar as cores salvas em um arquivo CSS ou TXT.

A ferramenta extrai uma paleta de cores?

Sim. Ela exibe 8 cores representativas calculadas a partir da imagem. Selecione uma para ver seus valores ou use a seleção precisa quando precisar da cor de um local exato.

Por que a cor selecionada é um pouco diferente do que eu esperava?

Iluminação, gradientes, compressão da imagem, gerenciamento de cores da tela e bordas suavizadas podem criar variações entre pixels próximos. Use a lupa e compare várias amostras vizinhas.

Esta ferramenta verifica se duas cores têm contraste acessível?

Não. Esta página seleciona e converte cores de imagens. Teste o par real de primeiro plano e fundo com uma ferramenta específica de verificação de contraste para acessibilidade.

Minha imagem é enviada para um servidor?

Não. A imagem é aberta, examinada e analisada localmente no navegador, sem envio para os servidores do ImageNow.