Ir para o conteúdo
Tutoriais Sem Enrolação
Imagens

Extrair Cores da Imagem

Descubra as cores predominantes de uma imagem, selecione pixels com uma agulha de precisão otimizada para celular, copie HEX, RGB ou HSL e exporte a paleta como texto, CSS ou JSON. Tudo acontece localmente no navegador.

Esta ferramenta ainda não recebeu avaliações.
Imagem colorida sendo analisada por uma agulha de precisão e lupa compacta, acompanhada de uma paleta com códigos HEX, RGB e HSL.

Usar a ferramenta

Como extrair cores de uma imagem

Carregue uma foto ou ilustração para identificar suas cores predominantes. Você também pode tocar ou clicar em qualquer região para obter a cor de um pixel específico em HEX, RGB e HSL.

  1. 1

    Escolha a imagem

    Selecione um arquivo ou arraste-o para a área de envio.

  2. 2

    Explore as cores

    Use a paleta automática ou o seletor preciso diretamente na imagem.

  3. 3

    Copie ou exporte

    Copie cores individuais ou exporte a paleta completa.

Seleção precisa sem esconder a imagem com o dedo

Em telas touch, o alvo que determina a cor fica afastado da região coberta pelo dedo. Um pequeno puxador aparece somente quando houver espaço suficiente e também permanece fora dessa região. A lupa procura automaticamente outra posição livre para não competir com o toque.

A margem interativa ao redor da imagem ajuda a alcançar topo, parte inferior, laterais e cantos. A lupa usa a própria fotografia como referência visual e pode ficar parcialmente sobre a imagem e parcialmente sobre essa margem, mantendo o mesmo comportamento nos quatro cantos.

Copie e exporte a paleta

Cada cor predominante possui atalhos para copiar HEX, RGB ou HSL. A paleta completa também pode ser preparada como lista de cores, variáveis CSS ou JSON e baixada no formato correspondente.

Privacidade e processamento local

A análise acontece no próprio navegador. A imagem escolhida não é enviada para um servidor por esta ferramenta e não é guardada em histórico. Somente preferências leves podem ser lembradas localmente.

Dicas para trabalhar com a imagem

Se a foto tiver bordas indesejadas, use Recortar Margens da Imagem. Para otimizar o arquivo depois, também está disponível Converter Imagem para WebP.

Perguntas frequentes

A imagem é enviada para algum servidor?

Não. A leitura da imagem, a análise da paleta, a seleção dos pixels e a exportação são feitas localmente no navegador por esta ferramenta.

Como o seletor evita que meu dedo esconda a cor no celular?

A ferramenta cria uma zona de exclusão ao redor do toque. O alvo que representa o pixel analisado fica afastado dessa região e nenhum marcador visual é colocado exatamente sob o dedo.

O que é a pequena bolinha ligada ao ponto selecionado?

Ela funciona como um puxador de precisão. O puxador só aparece quando pode ficar suficientemente afastado do dedo e é ligado ao alvo por uma pequena haste.

Por que a lupa muda de posição?

A lupa procura uma posição adequada ao redor da própria fotografia, distante do dedo e do pixel analisado. O card externo funciona apenas como limite de segurança.

A lupa fica igual nos quatro cantos?

Sim. Superior esquerdo, superior direito, inferior esquerdo e inferior direito usam posições espelhadas em relação ao retângulo da imagem, mantendo parte da lupa sobre a fotografia e parte sobre a margem de interação.

A lupa fica menor em imagens horizontais?

Sim. Seu tamanho é calculado a partir da altura visível da imagem e possui limites mínimos e máximos.

Como seleciono cores nas bordas e nos cantos?

A área ao redor da imagem também recebe o toque. Você pode mover o dedo nessa margem enquanto o alvo permanece dentro da fotografia, facilitando alcançar pixels extremos.

Posso copiar as cores predominantes sem selecioná-las primeiro?

Sim. Cada card da paleta possui controles próprios para copiar aquela cor em HEX, RGB ou HSL.

Em quais formatos posso exportar a paleta?

A paleta pode ser exportada como lista HEX, RGB ou HSL, CSS com variáveis personalizadas ou JSON. O conteúdo pode ser copiado ou baixado em arquivo.