🔬

extrair cores imagem

Clique em qualquer lugar de uma imagem para extrair a cor exata — obtenha valores HEX, RGB e HSL instantaneamente. Passe o mouse para visualizar; clique para salvar no histórico.

Ferramentas de imagem Executa localmente Nenhum dado enviado
seletor de coresHEXRGBHSLdesign
Pré-visualização da imagem
🔬
Solte a imagem aqui
ou clique para procurar
JPG | PNG | WebP | GIF
#000000
Mova o mouse para visualizar a cor · Clique para selecionar e salvar no histórico
Cor atual
HEX —
RGB —
HSL —
Histórico de cores (até 12)
Nenhuma cor selecionada ainda

O que é a ferramenta extrair cores imagem?

A ferramenta extrair cores imagem permite passar o mouse sobre qualquer parte de uma imagem e ver instantaneamente a cor exata daquele pixel. Clique para fixar a cor e copiá-la como HEX, RGB ou HSL. Um painel de histórico de cores armazena até 12 cores selecionadas para fácil referência — útil para designers, desenvolvedores e qualquer pessoa que precise combinar cores de fotos ou capturas de tela.

Como usar a ferramenta extrair cores imagem

  1. Faça upload de qualquer imagem clicando na área de soltar ou arrastando um arquivo para ela.
  2. Passe o mouse sobre a imagem para ver uma pré-visualização de cor ao vivo no selo flutuante e no painel lateral.
  3. Clique em qualquer lugar da imagem para selecionar essa cor e salvá-la no histórico.
  4. Use os botões Copiar para copiar valores HEX, RGB ou HSL para a área de transferência.
  5. Clique em qualquer amostra no painel de histórico para restaurar essa cor na exibição principal.

Ferramentas relacionadas

🎨
seletor de cor
Escolha uma cor e obtenha valores HEX, RGB e HSL
 ☀️
ajustar brilho contraste
Ajuste fino de brilho e contraste da foto com pré-visualização instantânea
 ⬛
converter imagem cinza
Converta fotos para escala de cinza ou preto e branco no navegador
Entenda a extração de cores ▾
Exemplo
Entrada Envie uma captura de tela da marca e passe o mouse sobre a cor do logotipo
Saída #1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —pronto para copiar
Casos de uso comuns
  • Identifique as cores exatas da marca a partir de um logotipo ou captura de tela
  • Combine a cor de fundo de uma foto para um design de UI
  • Extraia um valor de cor CSS de um mockup de design
  • Crie uma mini paleta clicando em várias cores e usando o painel de histórico
Por que usar esta ferramenta
  • Extração de cores com precisão de pixel usando Canvas getImageData —sem arredondamento.
  • Três formatos de saída (HEX, RGB, HSL) com cópia em um clique para cada um.
  • Funciona totalmente no seu navegador —as imagens nunca saem do seu dispositivo.
Perguntas frequentes
Minha imagem é enviada para um servidor?

Não. Todo o processamento acontece totalmente no seu navegador usando a API Canvas do HTML5. Sua imagem nunca sai do seu dispositivo.

Quão precisos são os valores de cor extraídos?

Os valores são precisos ao pixel — a ferramenta lê os valores RGBA exatos do pixel sob o cursor usando a API getImageData do Canvas e, em seguida, converte-os matematicamente para HEX, RGB e HSL.

Como isso é diferente de um extrator de paleta?

Um extrator de paleta amostra automaticamente as cores dominantes de uma imagem. Esta ferramenta permite clicar manualmente em qualquer pixel específico para obter sua cor exata, dando controle preciso sobre qual cor você extrai.

Qual formato o botão de copiar usa?

Cada formato é copiado como uma string pronta para uso: HEX copia como #RRGGBB, RGB copia como rgb(R, G, B) e HSL copia como hsl(H, S%, L%).