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
Clique, toque ou arraste sobre a imagem. A lupa mostra os pixels próximos; as setas movem o seletor em um pixel e, com Shift, em dez pixels.
Cor selecionada
Pixel
8 cores representativas calculadas a partir da imagem
Salve a cor selecionada ou uma cor da paleta para mantê-la aqui.
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
- Escolha ou solte uma imagem compatível.
- Mova o cursor sobre a imagem e selecione o pixel exato com a mira ampliada.
- Copie o valor em HEX, RGB ou HSL e salve as cores que deseja guardar.
- 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. As ferramentas gratuitas não enviam seus arquivos. As funções de IA que precisam de processamento em servidor enviam os arquivos aos nossos servidores.