Seletor de cor de imagem Aponte para cada pixel, copie HEX／RGB／HSL instantaneamente

O que é o seletor de cor de imagem?

Esta ferramenta online gratuita ajuda designers, desenvolvedores e criadores de apresentações a extrair a cor exata de qualquer pixel de uma foto, mockup ou captura de tela. Arraste uma imagem, passe o cursor sobre o ponto desejado para ver uma lupa que amplia esse pixel em tempo real e clique para copiar instantaneamente os códigos HEX, RGB e HSL, adicionando a cor a uma paleta que você pode montar e comparar.

🔒 Todo o processamento ocorre 100% localmente no seu navegador. Sua imagem nunca é enviada a um servidor, protegendo totalmente seus arquivos e sua privacidade.

Para quem é esta ferramenta?

• Designers e ilustradores: extrair rapidamente cores de marca exatas de uma imagem de referência do cliente, guia de estilo ou captura de tela de um concorrente.
• Profissionais de marketing e criadores de apresentações: obter a cor principal de um logotipo para que os slides combinem perfeitamente com a identidade da marca.
• Desenvolvedores front-end: obter o código HEX necessário para CSS diretamente de uma captura de tela de um mockup de interface, sem abrir software de design.
• Fotógrafos e artistas: analisar a distribuição tonal de uma foto como referência para correção de cor.

O que são HEX, RGB e HSL?

São os três formatos mais comuns para representar uma cor: HEX (ex.: #4E8AB5) é o código hexadecimal mais usado no design web; RGB descreve uma cor pelos seus valores de vermelho, verde e azul (0–255); HSL descreve matiz, saturação e luminosidade, uma abordagem geralmente mais intuitiva. Saiba mais em Wikipédia: Web colors.

Como usar

1. Arraste uma imagem para a área de envio, ou clique em Escolher imagem para navegar pelos seus arquivos.
2. Mova o cursor sobre qualquer ponto da imagem — a lupa mostra em tempo real a cor exata embaixo dele.
3. Clique para copiar automaticamente o código HEX e adicioná-lo à paleta abaixo; cada amostra pode ser copiada individualmente como HEX, RGB ou HSL, ou removida.

Perguntas frequentes (FAQ)

P1: Minha imagem é enviada a um servidor?

Não. Esta ferramenta lê as cores dos pixels localmente usando a API Canvas nativa do navegador. Seu arquivo de imagem nunca sai do seu dispositivo, e tudo é apagado automaticamente ao recarregar a página.

P2: Por que não vejo o botão Capturar da tela?

Esse recurso usa a API EyeDropper nativa do navegador, atualmente disponível apenas em navegadores baseados em Chromium, como Chrome e Edge (versão 95+). Firefox e Safari ainda não a suportam. A função principal do seletor de cor de imagem continua funcionando perfeitamente sem esse botão.

P3: A compressão da imagem afeta a precisão da cor?

Ligeiramente. Formatos com compressão com perda, como o JPG, podem alterar um pouco os valores dos pixels em relação ao arquivo de design original. Para máxima precisão, use um formato sem perdas, como o PNG, sempre que possível.