O que são fluxos de trabalho com conta-gotas?
Capturas de tela passadas por aplicativos de desktop ou ferramentas online que enviam sua imagem só para ler um pixel — lentas, e um vazamento de privacidade para capturas de tela.
Seletor de Cores a partir de Imagem
Extraia cores exatas de qualquer imagem — HEX e RGB com alfa, tudo.
Preparando a ferramenta…
Não foi possível carregar a ferramenta. Verifique a conexão e tente novamente.
Seletor de Cores
Clique ou use as teclas de seta na imagem para escolher a cor exata de um pixel.
Arraste uma imagem para aqui, ou prima Enter para navegarPNG · JPG · WEBP · AVIF · HEIC — até 20 MP / 25 MB
- RGB
- Opacidade
- X
- Y
As cores são lidas da imagem decodificada para uma tela sRGB para exibição. Não são feitos pedidos de rede.
Como escolher uma cor de uma imagem
Abra sua imagem
Arraste um PNG, JPG ou WebP para a página — é carregado localmente.
Clique num pixel
Clique ou toque no pixel (ou ajuste com as setas do teclado) para fixar a cor exata sob o cursor.
Copiar o valor
Copie o código HEX diretamente para o seu CSS — o valor RGB e o alfa são exibidos para leitura imediata.
Perguntas frequentes
Como escolho uma cor de uma imagem?
Solte ou abra a sua imagem e depois clique ou toque no pixel desejado (as setas do teclado também movem a seleção). A cor exata é amostrada do canvas e mostrada em HEX, RGB e alfa.
A cor amostrada é exata ou média?
É o valor exato do pixel da imagem decodificada com zoom 1:1. Se a pré-visualização estiver reduzida, alguns navegadores suavizam os pixels — amplie para uma amostragem precisa ao pixel.
Quais formatos posso carregar?
PNG, JPG, WebP, GIF e BMP — tudo o que seu navegador puder decodificar. GIFs animados são amostrados do primeiro quadro.
As minhas imagens são enviadas para algum lugar?
Não. A imagem é desenhada em um canvas HTML local e amostrada com JavaScript no seu dispositivo. Não há upload nem conta.
Amostragem de pixels em canvas
Veja para que serve cada formato e quando converter pixels de imagem em códigos de cor é a escolha certa.
O que é amostragem em canvas?
A imagem é decodificada num canvas sRGB no seu navegador e lida pixel a pixel com getImageData. As cores são devolvidas instantaneamente em HEX e RGB com o alfa totalmente preservado.
Quando você precisa
Use-o para identificar uma cor de marca a partir de um logo, reutilizar um tom de uma captura de tela ou verificar qual é realmente a cor de uma borda suavizada. Para paletas de várias cores em vez de pixels individuais, experimente a ferramenta de paleta de cores.