O que é o Color Picker
Esta ferramenta funciona como um "conta-gotas" digital: você carrega uma imagem e clica em qualquer pixel para descobrir exatamente qual cor está ali. O resultado é exibido em quatro formatos diferentes — HEX, RGB, RGBA e HSL — prontos para copiar e usar em CSS, design gráfico ou qualquer outro projeto que exija o código exato de uma cor.
Ao passar o mouse sobre a imagem, uma lupa mostra os pixels ampliados ao redor do cursor, facilitando acertar exatamente o pixel desejado antes de clicar, o que é especialmente útil em imagens com detalhes pequenos ou transições sutis de cor.
Como usar
Selecione uma imagem do seu computador. Passe o mouse sobre a imagem para visualizar a lupa de zoom com os pixels ampliados e clique no ponto exato de onde deseja extrair a cor. A cor selecionada aparece com um preview visual e os valores em HEX, RGB, RGBA e HSL, cada um com seu próprio botão "Copiar".
Quando usar o Color Picker
- Descobrir o código HEX exato de uma cor usada em um design ou print de referência
- Replicar a paleta de cores de uma logomarca ou identidade visual em um novo projeto
- Conferir se duas imagens usam exatamente a mesma cor de fundo ou destaque
- Extrair valores RGB ou HSL para uso em CSS, ferramentas de design ou código
- Criar paletas de cores a partir de fotografias e ilustrações
Perguntas Frequentes
Em quais formatos a cor é exibida?
A cor selecionada é exibida em quatro formatos: HEX (ex: #FF5733), RGB, RGBA (com canal de transparência) e HSL, cada um com um botão para copiar o valor diretamente.
Como faço para acertar exatamente o pixel que eu quero?
Ao passar o mouse sobre a imagem, uma lupa aparece mostrando os pixels ampliados ao redor do cursor, com o pixel central destacado, o que ajuda a mirar com precisão antes de clicar.
O que é o valor "A" mostrado junto com RGB?
O "A" representa o canal alfa (transparência) do pixel, variando de 0 (totalmente transparente) a 1 (totalmente opaco). Esse valor é relevante principalmente em imagens PNG com áreas transparentes.
Minha imagem é enviada para um servidor?
Não, toda a leitura de cor é feita localmente no seu navegador usando canvas HTML5, sem enviar a imagem para nenhum servidor externo.
Essa ferramenta é gratuita?
Sim, você pode extrair cores de quantas imagens quiser, sem custo algum.