Seletor de cor da imagem
Clique em qualquer pixel de uma foto e pegue a cor exata.
Passe o mouse sobre a foto para ampliar, depois clique para pegar a cor exata de um pixel.
Funciona no navegador. Seus arquivos nunca saem do seu dispositivo.
- HEX, RGB e HSL
- Lupa para pegar com precisão
- Paleta de cores dominantes
Como pegar uma cor de uma imagem
- Solte uma foto aqui.
- Passe o mouse sobre a foto e clique no pixel exato que você quer.
- Copie o valor em HEX, RGB ou HSL.
HEX, RGB e HSL explicados
| Formato | Exemplo | Usado para |
|---|---|---|
| HEX | #3B82F6 | CSS, ferramentas de design, a maioria dos guias de estilo |
| RGB | rgb(59, 130, 246) | CSS, editores de imagem |
| HSL | hsl(217, 91%, 60%) | Ajustar a luminosidade ou a saturação de uma cor |
Como a paleta de cores dominantes é montada
A foto é reduzida para um tamanho de trabalho pequeno, e depois as cores são agrupadas em cerca de 8 tons representativos usando quantização de cor, a mesma técnica que reduz uma foto a uma paleta menor para GIF ou PNG paletizado. Isso reflete as cores que ocupam mais área, não necessariamente as mais chamativas visualmente.
Dicas para uma captura exata
- Dê zoom com a lupa antes de clicar. Ela mostra uma visão ampliada dos pixels ao redor do cursor para você posicionar exatamente o que quer.
- Clique em Histórico para reutilizar uma cor que você já pegou antes na mesma sessão.
- Para uma foto com ruído ou artefatos de JPEG, escolha um pixel de uma área lisa da cor que você quer, em vez de uma borda, onde a compressão pode alterar pixels individuais.
Perguntas frequentes sobre Seletor de cor da imagem
Quão precisa é a captura da cor?
Ela lê o pixel exato embaixo do cursor, ampliado na lupa para você posicionar com precisão.
O que é a paleta de cores dominantes?
Ela mostra cerca de 8 cores que mais aparecem na foto, útil para combinar um design com uma imagem.
Posso voltar a uma cor que já peguei?
Sim. Toda cor que você clica é salva no Histórico, então você pode clicar nela de novo para recuperar os valores HEX, RGB e HSL.
Minha foto é enviada?
Não. O seletor de cor lê os pixels no seu navegador, então a foto nunca sai do seu dispositivo.
Qual é a diferença entre HEX e RGB?
Eles descrevem exatamente a mesma cor em notações diferentes. O HEX usa um código de 6 dígitos, o RGB detalha os valores de vermelho, verde e azul de 0 a 255. Use o que sua ferramenta ou CSS esperar.
Por que eu usaria HSL em vez de HEX?
O HSL separa o matiz, a saturação e a luminosidade de uma cor, então é mais fácil criar uma versão mais clara ou mais suave dela mudando um número, em vez de recalcular os três valores de RGB.
A cor capturada leva em conta a compressão JPEG?
Não, ela lê o valor exato do pixel do arquivo que você soltou, incluindo qualquer alteração de cor que a compressão JPEG já tenha introduzido. Para a cor mais fiel, escolha uma área lisa em vez de uma borda.