🎯 Seletor de Cores
Extraia qualquer cor da sua imagem — clique para salvar na paleta
✓ Grátis para sempre · ✓ Sem cadastro · ✓ Sem upload · ✓ Funciona offline
🔒 Sua imagem nunca sai do seu dispositivo. Todo o processamento acontece localmente no seu navegador usando Leitura de pixels com getImageData do Canvas. Sem upload, sem servidor, sem rastreamento.
Recursos
- Seleção Precisa por Pixel — Passe o mouse sobre a imagem e uma lupa mostra o pixel exato em que você está e seus vizinhos. Clique para salvar; as setas movem a seleção um pixel por vez.
- Múltiplos Formatos — Obtenha cores em HEX, RGB e HSL, cada uma com seu botão Copiar — prontas para CSS, ferramentas de design ou código. Pixels semitransparentes vêm com o alfa (#rrggbbaa, rgba).
- Salvar Paleta — Monte uma paleta com até 12 cores. Copie cores individuais ou a paleta inteira.
- De Qualquer Imagem — Extraia cores de fotos, capturas de tela, designs — qualquer fonte de imagem.
Como Funciona
- Carregue sua imagem — Solte qualquer imagem da qual você quer extrair cores.
- Passe o mouse e selecione — Mova o mouse sobre a imagem (ou toque no celular) — a lupa mostra o pixel. Clique para salvar na paleta; as setas ajustam a seleção.
- Copie e use — Copie HEX, RGB ou HSL com os botões, clique numa cor salva para copiar o HEX ou use "Copiar Tudo" para a paleta inteira.
Casos de Uso
- Extraia cores da marca de um logo ou captura de tela de site
- Encontre a cor exata de qualquer elemento em um design
- Obtenha valores HEX/RGB para folhas de estilo CSS
- Monte paletas de cores a partir de fotografias para inspiração
Perguntas Frequentes
Qual a precisão das cores?
Exata ao pixel que você aponta. A posição é convertida para os pixels da própria imagem, seja qual for o tamanho em que ela aparece, e a lupa mostra esse pixel contornado entre os vizinhos. O valor é o que o navegador decodifica do arquivo, em sRGB: uma foto de gama ampla (Display P3) é convertida para sRGB antes, e um JPG muito comprimido pode já diferir um pouco da arte original.
Posso copiar em formato RGB ou HSL?
Sim. O painel tem um botão Copiar para o valor HEX, RGB e HSL da cor mostrada. Clicar numa cor salva copia o HEX e mostra os três de novo.
Funciona no celular?
Sim. Toque na imagem para extrair uma cor. A ponta do dedo cobre dezenas de pixels, então use as setas para mover a seleção um pixel por vez — a lupa e o anel sobre a imagem mostram onde você está.
E os pixels transparentes?
Um pixel parcialmente transparente aparece com o alfa (#rrggbbaa, rgba(), hsla()). Um pixel totalmente transparente não tem cor, então não pode ser salvo.
No blog
- 📖 Como Extrair uma Paleta de Cores de Qualquer Imagem — Pegar as cores exatas de uma foto, captura de tela ou logo é o jeito mais rápido de montar uma paleta que realmente combina. Veja como escolher cores de uma imagem e transformá-las em HEX, RGB e HSL — no seu navegador.
- 📖 Como pegar o código hex de qualquer cor numa imagem — Extraia o código hex ou RGB exato de qualquer cor de uma imagem ou print, direto no navegador, sem upload. Passos, alternativas reais de ferramentas e contrapontos.
Ferramentas Relacionadas
- 🎛️ Ajustar Imagem — Ajuste fino de brilho, contraste, saturação e mais
- 🌈 Filtros de Imagem — Aplique filtros incríveis — instantaneamente no seu navegador
- 🎨 Conversor de Cores — Converta cores entre formatos HEX, RGB, HSL, CMYK e HSV
💬 Bug, ideia, ou só um oi? Conte ao Milo 🐨 · [email protected]