Como descobrir o código HEX de uma cor em uma foto

Resposta rápida

Abra a foto ou o print no Identificador de Cores e arraste o seletor até uma área uniforme da cor que você quer. O app lê exatamente aquele pixel e mostra o código HEX junto com os valores RGB, HSB e CMYK e o nome da cor mais parecida; toque em Copiar Hex e cole onde precisar. Faça duas ou três leituras em pontos vizinhos: se os códigos baterem, com diferença de poucas unidades, a cor está certa. Pegar cores de fotos faz parte do Pro.

Comece pela imagem certa

Sempre que puder, trabalhe com o arquivo original. Um print de um site ou de um app é a fonte ideal, porque cada pixel é exatamente a cor que apareceu na tela. Imagens que passaram pelo WhatsApp, pelo Instagram ou por e-mail são recomprimidas, e a compressão JPEG espalha a cor pelos pixels vizinhos: a mesma área pode dar #3A7BD5 no original e #3C7AD2 na cópia encaminhada.

Na foto de um objeto real, a câmera já decidiu algumas coisas por você: balanço de branco, exposição e qualquer filtro mexem nos números antes da leitura. O código obtido é o da cor como ela ficou naquela foto, ótimo para uma arte que combine com a imagem, mas não é a cor do objeto sob outra luz.

Mire em um pixel, não em uma borda

O seletor lê um único pixel, então o lugar onde você o solta faz diferença. Deixe-o no centro de uma área chapada. Em prints, fuja dos traços de textos, ícones e linhas: o antisserrilhado (antialiasing) mistura a cor do primeiro plano com a do fundo, e o código lido fica no meio do caminho entre as duas.

O app não tem lupa nem zoom. Para um detalhe pequeno, como um botão ou uma letra de logotipo, recorte antes a imagem no app Fotos: a área que interessa passa a ocupar a tela inteira e fica fácil de acertar. Em fotos de objetos, evite reflexos, sombras e texturas como a trama de um tecido ou os veios da madeira.

Confira se a leitura é estável

Faça três leituras na mesma região e compare. Uma variação de um ou dois pontos em um canal é normal; um salto grande indica que o seletor caiu em uma borda, um reflexo ou um degradê. Em um céu ou em um fundo degradê, cada ponto tem seu próprio código, então decida antes qual parte você quer.

Perfis de cor também explicam pequenas diferenças: o iPhone costuma salvar as fotos no espaço Display P3, mais amplo, enquanto a maioria das ferramentas web trabalha em sRGB, e a conversão mexe um pouco em alguns valores. Além disso, ao compartilhar uma imagem com o app a partir de outro aplicativo, ela é salva de novo como JPEG; para o código exato de um print, abra-o pelo Fotos dentro do app.

Leve o código para suas ferramentas

Copiar Hex coloca na área de transferência um código como #94766C, pronto para CSS, Figma, Canva, Keynote, PowerPoint ou qualquer campo que aceite valor hexadecimal. Copiar RGB entrega a mesma cor como R: 148, G: 118, B: 108, para programas que pedem vermelho, verde e azul separados; no CSS, escreva rgb(148, 118, 108).

Se você está levantando as cores de uma identidade visual ou de uma apresentação, salve cada cor à medida que encontrar, em vez de anotar códigos no bloco de notas. As cores salvas guardam seus códigos: dá para compará-las, compartilhá-las como texto ou imagem e copiá-las de novo mais tarde.

HEX, RGB, HSB ou CMYK?

Um código HEX é a mesma informação de um valor RGB escrita em base 16: #94766C equivale a vermelho 148, verde 118 e azul 108. Use HEX na web e na maioria dos programas de design, RGB quando a ferramenta pedir três números, HSB para ajustar brilho ou saturação à mão (o botão Ajustar tem controles deslizantes e salva o resultado como uma nova cor) e CMYK só como ponto de partida para a gráfica, que sempre exige uma prova de impressão.

Perguntas frequentes

Dá para pegar o código HEX de um print?

Dá, e é o jeito mais confiável, porque o print não foi recomprimido. Abra-o pelo Fotos no app e deixe o seletor dentro de uma área de cor sólida, nunca na borda de um texto ou de um ícone.

Por que o código muda quando mexo um pouco o seletor?

Porque ele lê um único pixel e, mesmo quando uma superfície parece lisa, os pixels quase nunca são idênticos. Diferenças pequenas são normais; as grandes significam que você passou para uma borda, um brilho ou uma sombra.

O código HEX da foto é a cor real do objeto?

É a cor como ela foi registrada naquela foto. Luz, balanço de branco e filtros mudam o jeito como o objeto aparece, então o código serve para combinar com a imagem, não como medição do objeto.

Dá para testar sem o Pro?

Dá: sem o Pro você pode testar o seletor duas vezes por sessão, mas o nome e o código ficam ocultos. Para ver e copiar os códigos das suas fotos, é preciso ter o Pro.

Como uso o código no Canva ou no Figma?

Copie o HEX no app e cole no campo de cor hexadecimal do elemento que você quer pintar. Se a ferramenta pedir três números em vez do código, use Copiar RGB e preencha vermelho, verde e azul.

Perguntas relacionadas sobre cores