Seletor de cor da imagem

Clique em qualquer ponto da imagem para pegar a cor exata do pixel em HEX, RGB e HSL, com lupa e cópia, sem enviar o arquivo a servidor nenhum.

Processamento local — seu arquivo é processado diretamente no navegador e não precisa ser enviado aos servidores do 7Tools.

Seletor de cor da imagem

até 50 MB por arquivo · 1 por lote

Arraste a imagem aqui

ou use o botão abaixo

JPG · PNG · WebP · AVIF

Para que serve

Um conta-gotas para imagens. Você viu uma cor numa foto, num print ou num layout e precisa do código dela: clique no ponto e copie o HEX, o RGB ou o HSL.

A leitura é do pixel exato, na resolução original da imagem, e não de uma média. Para ver as cores que mais aparecem na imagem inteira, use a ferramenta de paleta.

Como usar

  1. Escolha uma imagem ou arraste-a para a área indicada.
  2. Clique ou toque no ponto da imagem. Pelo teclado, use as setas na imagem, ou digite X e Y e clique em Ler cor.
  3. Confira a cor na amostra e na lupa, que mostra o entorno ampliado.
  4. Clique em Copiar no formato que precisa. O botão confirma com a palavra Copiado.

Como funciona

A imagem é desenhada na página na resolução natural. Ao clicar, a posição na tela é convertida para a posição real em pixels da imagem, mesmo quando ela aparece reduzida, e a ferramenta lê um único pixel dali.

Os valores RGB do pixel são convertidos para HEX e HSL. As coordenadas X e Y partem do canto superior esquerdo, que é o ponto 0, 0.

Formatos aceitos

  • JPG, PNG, WebP e AVIF — os que o navegador decodifica nativamente.
  • GIF animado não é aceito. Só o primeiro quadro seria lido.

Privacidade

Tudo acontece no seu navegador. A imagem não sai do dispositivo, não há requisição de rede e não existe servidor nosso que a veja.

Limitações

  • Uma imagem por vez, de até 50 MB.
  • Imagens com dimensões muito altas podem não caber na memória do aparelho. Nesse caso a ferramenta avisa e sugere reduzir antes.
  • Num toque em tela pequena, o ponto pode cair a alguns pixels do desejado. Ajuste com as setas ou com os campos X e Y.
  • O copiar depende de permissão do navegador. Se for negado, a ferramenta avisa e você ainda pode selecionar o valor e copiar à mão.

Quando isso resolve

  • Pegar a cor exata de um botão ou de um fundo num print.
  • Reproduzir no CSS a cor de uma foto de referência.
  • Conferir se duas imagens usam exatamente a mesma cor.
  • Descobrir o HEX de uma cor de marca a partir de um logotipo.

Perguntas frequentes

Ferramentas relacionadas