Seletor de cor de imagem
Descubra o código exato da cor de qualquer ponto de uma foto, um logotipo ou uma captura de tela. Passe o cursor para ver a prévia, clique para escolher e copie em HEX, RGB ou HSL. As últimas cores escolhidas ficam guardadas para você comparar.
Funciona no seu navegador
Como usar
- Arraste uma imagem ou captura de tela (ou selecione).
- Passe o cursor pela imagem e clique na cor que você quer.
- Copie o código no formato de que você precisa.
Como funciona
A imagem é desenhada em um canvas e o pixel exato embaixo do cursor é lido com getImageData. Imagens muito grandes aparecem com no máximo 1600 px, o que faz uma leve média entre pixels vizinhos; para códigos exatos em imagens enormes, corte a imagem antes.
No Chrome e no Edge, o conta-gotas de tela (EyeDropper API) também pega cores de qualquer lugar da sua tela, fora desta página.
Exemplos
- Cor da marca
- Pegue o azul de um logotipo em uma captura de tela → #1a73e8.
Usos comuns
- Reproduzir as cores de uma marca
- Design de sites e CSS
- Recriar cores a partir de fotos
Privacidade e segurança
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos nunca são enviados para os nossos servidores — o processamento acontece no seu dispositivo e o resultado também é criado ali. Como cada ferramenta trata os arquivos
Perguntas frequentes
Por que a cor fica um pouco diferente da do arquivo de design?
Capturas de tela e a compressão JPG podem deslocar um pouco as cores, e os perfis de cor podem ser diferentes.
A imagem é enviada para algum servidor?
Não, ela é lida no seu próprio dispositivo.
Última atualização: