Que Cor É A Minha Cor

O guia prático de identificação de cores

Quem trabalha com design ou desenvolvimento web já passou por aquela situação em que precisa descobrir qual é o código hexadecimal de uma cor que viu em uma referência e não tem à mão. A resposta mais direta é usar uma ferramenta de que cor é a minha cor, seja um aplicativo desktop, um site ou até um seletor integrado ao navegador.

Como funciona na prática

O processo básico envolve capturar uma amostra da cor desejada e converter essa informação em valores padronizados como HEX, RGB ou HSL. A maioria das ferramentas faz isso em tempo real: você arrasta um eyedropper sobre a imagem, clica no ponto de interesse e o código aparece na hora. No meu caso, precisei extrair tons exatos de um manual de identidade visual em PDF escaneado há alguns anos. O documento tinha compressão JPEG que borrava as bordas das amostras de cor. A solução foi abrir o PDF em um visualizador que permitisse exportar a página como PNG sem reamostragem adicional, depois usar oPIP da minha distribuição Linux com zoom de 800% para clicar precisamente no centro de cada mostruário. Evitei as bordas porque a compressão criava aliasing que distorcia o valor real.

Ferramentas disponíveis

Existem várias opções gratuitas. O ColorZilla é uma extensão para Chrome e Firefox que adiciona um conta-gotas direto na barra de ferramentas. Para quem prefere algo fora do navegador, o EyeDropper da Microsoft Store ou o comando select.color do ImageMagick funcionam bem em linha de comando. Sites como imagecolorpicker.com permitem fazer upload de uma imagem e clicar nos pontos desejados, retornando os valores em vários formatos simultaneamente. Para workflows mais avançados, o GIMP tem a ferramenta Conta-gotas nativa que também pode coletar cores de qualquer área visível da tela quando configurada corretamente. O problema é que nem sempre ela captura a cor exata do pixel se a interface do sistema estiver aplicando antialiasing ou efeitos de composição.

Parmetros e formatos

Além do HEX, é importante saber quando usar cada formato. O HEX é padrão para CSS e web, mas não transmite informação sobre transparência. Para isso, precisa-se de RGBA ou do sufixo #RRGGBBAA. O HSL é mais intuitivo para ajustes manuais porque separa matiz, saturação e luminosidade, o que facilita criar variações de uma cor base sem perder a identidade tonal. Um detalhe que poucos mencionam: a conversão de RGB para HEX assume espaço de cor sRGB por padrão. Se a cor original vier de um monitor calibrado em Adobe RGB ou Display P3, o valor hex resultante pode parecer ligeiramente diferente na prática. Para trabalhos profissionais, exporte sempre com perfil de cor incluído ou anote as coordenadas CIELAB quando a precisão cromática for crítica.

Limitaes que precisam ser ditas

Nenhuma ferramenta de captura de tela entrega o valor absoluto de uma cor devido a múltiplos fatores de distoro. A gamut do monitor, o perfil de cor do sistema operacional, a iluminação ambiente que reflete na tela e a compressão da imagem fonte alteram o que você vê versus o que realmente existe no arquivo. Em testes que fiz comparando capturas de tela com leituras de espectrofotômetro, as diferenças chegaram a Delta E 3 em telas não calibradas, o que é perceptível para olhos treinados. Se você precisa de precisão metropolitana, o caminho correto é usar hardware dedicado. Mas para a maioria dos casos do dia a dia, uma boa ferramenta de que cor é a minha cor combinada com monitor calibrado resolve o problema em menos de dois minutos por amostra.

Dica técnica para evitar erros comuns

Sempre verifique se a ferramenta está lendo o pixel central de uma área uniforme e no lugar das bordas. A maioria dos editors aplica suavização nas transições entre pixels de cores diferentes, o que gera valores intermediários que não existem na paleta original. Quando doubt, amplie a imagem e confirme visualmente antes de copiar o código.