Descubra a cor exata de qualquer imagem
Você encontrou uma cor perfeita em uma foto, captura de tela, logotipo ou mockup de design, e agora precisa do código dela. Este seletor de cores funciona como um conta-gotas para qualquer imagem: abra o arquivo, clique em um pixel e obtenha a cor em HEX, RGB e HSL, pronta para colar no CSS, Figma, Photoshop, Canva ou PowerPoint. Uma lupa de zoom mostra os pixels sob o cursor para você acertar o ponto exato, e uma paleta com as cores principais da imagem é gerada automaticamente.
Recursos
- Conta-gotas para qualquer formato de imagem que o seu navegador suporte — JPG, PNG, WebP, GIF, SVG, AVIF e HEIC.
- Lupa de zoom que amplia a área sob o cursor pixel por pixel.
- Códigos HEX, RGB e HSL com botões para copiar com um clique.
- Paleta de cores principais extraída de toda a imagem.
- Histórico de seleções de até 16 cores para você comparar e voltar.
- Colar capturas de tela direto da área de transferência.
- Privado: a imagem nunca sai do seu dispositivo.
Qual formato de cor devo usar?
| Formato | Exemplo | Onde é usado |
|---|---|---|
| HEX | #1E90FF |
CSS, HTML, Figma, Canva, maioria das ferramentas de design |
| RGB | rgb(30, 144, 255) |
CSS, Photoshop, aplicativos do Office, programação |
| HSL | hsl(210, 100%, 56%) |
CSS, quando você quer ajustar a luminosidade ou saturação |
Para converter a cor selecionada para outros formatos, como CMYK ou HSV, ou para verificar seu contraste com textos em branco e preto, abra-a no Conversor de Cores.
Ideias de uso
Combinar cores da marca: extraia o azul exato de um logotipo ou captura de tela do site de uma empresa para manter a consistência da sua apresentação.
Criar uma paleta: use as cores principais de uma foto como ponto de partida para o tema de um site, pôster ou slide.
Desenvolvimento web: capture as cores de um mockup que foi enviado como imagem em vez de um arquivo de design.
Arte digital e artesanato: encontre os códigos de cores em uma foto de referência para usar em aplicativos de pintura, bordados ou padrões de tricô.
Como obter resultados precisos
Escolha a versão maior e menos compactada da imagem que você tiver: capturas de tela em PNG mantêm as cores exatas, enquanto fotos em JPG podem variar levemente nas bordas. Dê zoom com a lupa e evite bordas com anti-aliasing, onde os pixels misturam duas cores. Se precisar apenas de uma parte de uma imagem grande, use o Cortar Imagem primeiro para facilitar o trabalho.