Seletor de cor de imagem – Pegue HEX, RGB e HSL de uma foto
Descubra a cor exata de qualquer pixel de uma foto, logo ou captura de tela. Clique para pegar os valores HEX, RGB e HSL, amplie com a lupa e obtenha a paleta principal da imagem.
Solte uma imagem, passe o cursor por cima para ver as cores na lupa e clique para escolher. Cada cor escolhida mostra HEX, RGB e HSL — clique num valor para copiar. As cores principais da imagem inteira aparecem como paleta com a porcentagem de cada uma.
Como usar: Seletor de cor de imagem
- Solte uma imagem ou clique para escolher.
- Passe o cursor pela imagem; a lupa mostra os pixels embaixo dele.
- Clique para escolher uma cor.
- Clique no valor HEX, RGB ou HSL para copiar.
- Use a paleta de cores principais como esquema rápido.
Como funciona
A imagem é desenhada num canvas no seu navegador e a ferramenta lê a cor do pixel que você aponta. A lupa amplia dez vezes uma área de 11 × 11 pixels, então dá para acertar linhas finas e textos pequenos. Nada é enviado — importante para artes ainda não lançadas e trabalhos de clientes.
HEX, RGB e HSL
| Formato | Exemplo | Usado em |
|---|---|---|
| HEX | #8B5CF6 | CSS, ferramentas de design, manuais de marca |
| RGB | rgb(139, 92, 246) | CSS, editores de imagem, código |
| HSL | hsl(258, 90%, 66%) | CSS, criar tons mais claros e escuros |
Os três descrevem a mesma cor. HSL é prático quando você quer uma versão mais clara ou escura: mantenha o matiz e mude a luminosidade. Converta entre formatos a qualquer hora com a ferramenta Converter HEX para RGB.
Extrair uma paleta
Além de pixels isolados, a ferramenta agrupa cores parecidas da imagem inteira e mostra até oito cores principais com a porcentagem de cada uma. É um jeito rápido de combinar um site, post ou apresentação com uma foto ou logo. Clique numa amostra para copiar e monte um esquema completo com o Gerador de paleta de cores.
Cores mais precisas
- Use o arquivo original em vez de uma captura de tela dele — capturas podem mudar um pouco as cores.
- A compressão JPG cria ruído nas bordas; escolha o meio de uma área lisa.
- Fotos têm muitos pixels um pouco diferentes da “mesma” cor; a média da paleta costuma ser mais útil que um pixel isolado.
- Cada tela mostra as cores de um jeito, mas o valor HEX é o mesmo em qualquer aparelho.
Usos comuns
Designers pegam as cores da marca no logo de um cliente, desenvolvedores igualam um mockup e equipes de marketing deixam os posts consistentes. Com o logo, você também pode criar um favicon nas mesmas cores com o Gerador de favicon.
Você também pode gostar destas ferramentas grátis: Conversor de WebP para JPG, Redimensionar imagem e Comprimir imagem.
Perguntas frequentes
Como pego o código de cor de uma imagem?
Solte a imagem na ferramenta e clique no ponto desejado. Os códigos HEX, RGB e HSL aparecem prontos para copiar.
Minha imagem é enviada?
Não. O seletor lê os pixels no navegador; a imagem nunca sai do seu aparelho.
Posso pegar as cores principais de uma foto?
Sim. A seção de paleta mostra até oito cores principais com a porcentagem de cada uma.
Por que a cor ficou um pouco diferente do esperado?
Fotos e a compressão JPG misturam pixels vizinhos. Escolha o centro de uma área lisa ou use a média da paleta.
Funciona no celular?
Sim. Toque na imagem para escolher uma cor; a lupa mostra os pixels embaixo do seu dedo.
Última atualização: