Descubra a cor exata de qualquer pixel numa foto, captura de tela ou mockup de design. Clique ou toque na imagem, mire com a lupa e copie a cor em HEX, RGB, HSL ou OKLCH. As cores escolhidas vão para uma lista que você pode exportar, e no Chrome e no Edge dá para pegar cores de qualquer lugar da tela. Também funciona como conversor, sem imagem nenhuma.
Como funciona
- Solte, cole ou escolha uma imagem, ou digite uma cor para convertê-la.
- Clique ou toque na imagem; no celular, deslize o dedo e solte para escolher. As setas do teclado movem a lupa um pixel por vez.
- Copie o valor de que precisa, ou baixe as cores como texto, CSS ou JSON.
Perguntas frequentes
- Meu arquivo é enviado para algum servidor?
- Não. Tudo acontece dentro do seu navegador, no seu próprio aparelho. Você mesmo pode verificar: abra as ferramentas de desenvolvedor do navegador (DevTools), observe a aba Rede enquanto a ferramenta trabalha e você não verá nenhum envio. O selo ao lado do título da página conta, em tempo real, os bytes que esta página enviou.
- Por que a cor sai um pouco diferente da que meu app de design mostra?
- Fotos muitas vezes são guardadas num espaço de cor mais amplo ou com um perfil incorporado. O navegador converte a imagem para o sRGB padrão ao exibi-la, e o conta-gotas informa o valor sRGB que você vê na tela. Fazer a média de 3×3 ou 5×5 pixels também suaviza o ruído do JPEG.
- Dá para pegar cores fora do navegador?
- No Chrome e no Edge, no computador, sim: “Pegar da tela” captura qualquer pixel do seu monitor. Outros navegadores não oferecem isso, então o botão fica oculto neles; o conta-gotas na imagem funciona em todos.
- Quais formatos de cor ele lê?
- Digite ou cole HEX (#1e90ff ou #19f), rgb(), hsl() ou oklch(), com vírgulas ou espaços. Cada formato é convertido para todos os outros de uma vez.