Conta-gotas de imagem: cor exata em HEX, RGB, HSL e Lab

Como usar

Clique em Escolher um arquivo ou solte uma imagem na caixa. Você também pode colá-la com Ctrl+V.
Mova o ponteiro sobre a parte da imagem que quer. A lupa mostra os pixels ao redor, e a caixa Cor sob o ponteiro dá a cor em quatro notações.
Ajuste o Tamanho da amostra para 3 × 3 ou 5 × 5 e leia a média de uma área pequena, em vez de um único pixel.
Clique na imagem para adicionar a cor a Cores escolhidas, depois clique em HEX, RGB, HSL ou Lab para copiá-la.

Um pixel ou uma média

Uma fotografia tem ruído: pixels vizinhos podem diferir um pouco mesmo numa superfície lisa, então um único pixel pode sair um pouco fora. A ferramenta pode calcular a média de um quadrado de 3 × 3 ou 5 × 5 ao redor do ponteiro. Numa área de uma só cor, a média dá um valor mais estável do que um único pixel.

As quatro notações

HEX e RGB são as notações usuais em softwares de web e de design. HSL descreve uma cor pelo matiz, pela saturação e pela luminosidade, o que ajuda quando você quer um tom mais claro ou mais escuro dela. Lab (CIE L*a*b*, com o ponto branco D65 que o sRGB usa) segue a maneira como o olho vê a cor: passos iguais em Lab parecem aproximadamente iguais, então é útil para comparar duas cores. A função lab() do CSS usa o ponto branco D50, por isso os seus números são diferentes destes.

Sua imagem fica no seu dispositivo

A imagem é aberta e lida no seu navegador. Nada é enviado, as cores que você escolhe não são guardadas, e a lista é limpa quando você sai da página.

Exemplo: vermelho puro

O vermelho puro, #FF0000, aparece como rgb(255, 0, 0), hsl(0, 100%, 50%) e L*a*b* 53,2; 80,1; 67,2 (D65). Para ler o vermelho de um logotipo, ponha o Tamanho da amostra em 5 × 5 pixels, para que um pixel com ruído não decida a cor.

Perguntas frequentes

Minha imagem é enviada quando eu leio as cores dela?

Não. A imagem é aberta e lida no seu navegador, no seu dispositivo. Nada é enviado a um servidor, e as cores que você guarda não são salvas; elas são limpas quando você sai da página.

A cor da leitura é a mesma cor que aparece na minha tela?

Nem sempre. A leitura dá o valor guardado nos pixels da imagem. A sua tela, a calibração dela e o perfil de cor da imagem podem mudar a aparência da cor, então os números são os valores da própria imagem, e não uma medição da tela.

Qual é a diferença entre HEX e RGB?

São duas formas de escrever os mesmos três valores. O HEX escreve cada valor de 0 a 255 na base 16, então rgb(255, 128, 0) é #FF8000, enquanto o RGB escreve os mesmos números na base decimal. Ambos são aceitos pelos softwares de web e de design.

Por que a ferramenta mostra um valor Lab?

O Lab descreve uma cor do jeito que o olho a vê, com uma luminosidade e dois eixos de cor. Mostra se duas cores são parecidas melhor do que o HEX ou o RGB, em que duas cores próximas podem ter números bem diferentes.

Por que uma imagem muito grande pode ser lida um pouco diferente?

Para ganhar velocidade, as cores são lidas de uma cópia com no máximo 2.048 pixels no seu lado maior. A cor de uma área grande continua a mesma, mas um pixel minúsculo em uma foto enorme pode ser calculado em média com os vizinhos.

Posso ler cores de um PNG transparente?

Sim. A leitura mostra a cor guardada em cada pixel, e a transparência não faz parte da leitura. Numa área transparente, o valor mostrado é a cor guardada, e não a cor que você vê na página por trás dela.

Fontes

Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.