Como Pegar a Cor de uma Imagem Online

O que é um conta-gotas de cor online?

A ferramenta serve para pegar a cor de uma imagem sem precisar abrir Photoshop, Figma ou qualquer outro programa: você carrega a foto, aponta para o ponto que interessa e recebe na hora o código exato daquele pixel, em hex, RGB e HSL. É basicamente o conta-gotas que designers usam dentro de editores de imagem, só que aberto direto no navegador e sem instalar nada.

Funciona bem para quem recebeu um print com uma cor que precisa reproduzir, tirou uma foto de uma parede ou embalagem e quer o tom exato, ou baixou o logo de uma marca e precisa do hex certinho para um site ou apresentação. Não tem cadastro, não tem limite de uso e a imagem processada fica só na sua máquina.

Como usar

1. Carregue uma imagem. Use o botão para escolher um arquivo, arraste a foto até a área indicada ou cole direto da área de transferência com Ctrl+V (ou Cmd+V no Mac).
2. Passe o mouse e clique para capturar a cor. Ao mover o cursor sobre a imagem, uma amostra ao vivo mostra o hex do pixel embaixo dele; ao clicar, essa cor fica registrada num painel com uma amostra grande, botões para copiar hex, rgb() e hsl(), e o nome da cor mais parecida entre 220 tons catalogados, com link para ver todas as variações dela.
3. Monte uma paleta com a extração automática e as escolhas recentes. Logo abaixo da imagem aparecem as oito cores mais frequentes da foto — clique em qualquer uma para torná-la a cor escolhida — e uma fileira de escolhas recentes guarda as últimas cores capturadas, útil para juntar tons de vários pontos da mesma imagem. Quando terminar, o botão “Remover imagem” limpa tudo para você carregar outra foto.

Para que serve na prática

É a ferramenta certa quando alguém manda um print ou uma foto e pergunta “qual é essa cor?”: clica no logo, na embalagem, no fundo da tela ou em qualquer detalhe e sai com o hex pronto para colar no CSS, no Figma ou onde for preciso. Também ajuda a resgatar a identidade visual de uma marca a partir de uma imagem quando não se tem acesso ao manual de marca ou aos arquivos originais.

Dá para montar uma paleta inteira a partir de uma única foto — de um pôr do sol, de uma peça de roupa, de uma referência visual — usando a extração automática das cores dominantes e as escolhas recentes para guardar vários tons enquanto você navega pela imagem. É útil em trabalho de design, na hora de deixar um site ou uma apresentação combinando com uma foto de capa, e em qualquer situação em que só falta descobrir aquele código de cor exato para seguir em frente.

Limitações honestas

A cor capturada é sempre a que o navegador decodificou e desenhou na tela, não a cor “real” da cena original. Em arquivos JPEG a compressão já deslocou levemente as cores, principalmente perto de bordas com contraste forte, então um hex pego bem na borda de um objeto pode sair um pouco diferente do que seria no meio de uma área sólida. Fotos com gama ampla — como as que um celular recente grava em Display P3 — são convertidas para sRGB no momento de desenhar no canvas, então o hex retornado é uma aproximação em sRGB de um original que tecnicamente tinha mais cores disponíveis.

A amostragem sempre lê a imagem em resolução total, então o clique cai no pixel de verdade do arquivo e não numa mistura criada pelo redimensionamento que aparece na tela. Já as oito cores extraídas automaticamente vêm de um agrupamento rápido de pixels parecidos em baldes, com contagem e média de cada balde — é uma aproximação das cores dominantes, não um agrupamento perceptual, então uma área pequena de uma cor vibrante pode ficar de fora enquanto um fundo apagado domina a lista. Em imagens animadas a cor sai do quadro que está sendo exibido no momento, e pixels totalmente transparentes devolvem essa transparência em vez de uma cor por baixo.

Por que é grátis?

Porque tudo acontece no seu navegador: a imagem é desenhada num elemento canvas e lida pixel a pixel com JavaScript, sem passar por nenhum servidor e sem deixar cópia guardada depois que você fecha a aba. Não existe conta para criar, marca d’água para remover ou limite escondido — é assim que o FreeToGenerate.com prefere construir suas ferramentas: rápidas, privadas e sem fricção.