Sobre o seletor de cor da imagem
Isso é um conta-gotas para qualquer imagem: carregue uma foto, captura ou design, clique em um ponto, e ele informa a cor exata ali como valor HEX e RGB. Designers e desenvolvedores usam para combinar uma cor de marca de um logo, amostrar um tom de uma foto de referência, extrair uma paleta de uma imagem, ou recuperar a cor de algo numa captura quando não têm o arquivo original.
Como funciona
Sua imagem é desenhada em um canvas em resolução total. Quando você clica, a ferramenta lê o pixel exato naquele ponto e informa sua cor de duas formas — como um código HEX (como #3f7ac2) e como valores RGB — com uma prévia de amostra. Como o canvas contém a imagem em resolução nativa, o clique mapeia para o pixel verdadeiro mesmo se a imagem for exibida escalada para caber na sua tela.
Suposições e comportamento
- Ele amostra o único pixel em que você clica, na resolução nativa da imagem.
- As cores são informadas como HEX e RGB, com uma amostra ao vivo.
- Funciona com qualquer imagem que o navegador consiga abrir — fotos, capturas, gráficos exportados.
- A imagem exibida pode ser escalada para caber, mas a cor amostrada vem do pixel subjacente real.
Limitações
- Ele lê um pixel exato, não uma média de uma área — clicar em um ponto com ruído, artefatos JPEG ou anti-aliasing dá a cor daquele pixel preciso, que pode diferir levemente da cor ao redor que você quis dizer. Dê zoom ou tente uma área mais limpa para uma amostra precisa.
- A compressão JPEG desloca as cores sutilmente, então um valor amostrado de uma foto comprimida pode não corresponder exatamente à cor do design original.
- Ele informa HEX e RGB; não dá equivalentes HSL, CMYK ou Pantone.
- Ele amostra cores; não constrói uma paleta completa automaticamente.
Privacidade
Tudo roda inteiramente no seu navegador com a Canvas API. Sua imagem nunca é enviada ou armazenada.

