./prontouso.com

UTILITÁRIOS DE DESIGN

Extrator de Paleta de Cores

Carregue uma imagem localmente e gere uma paleta reutilizável com cores dominantes, porcentagens aproximadas e valores prontos para copiar.

Status da ferramentaRoda no seu navegador
Prévia

Imagem

Ou solte uma imagemescolha um arquivo
.png, .jpg, .jpeg, .webp · até 2.0 MB. Lido no seu navegador, nunca enviado.

A paleta aparece após carregar uma imagem.

Paleta

    Como funciona

    1. Informe os dados

      Preencha os valores, cole o texto ou envie o arquivo que esta ferramenta usa.

    2. Veja o resultado na hora

      A maioria das ferramentas atualiza enquanto você digita; algumas usam um único botão. De qualquer forma, o resultado aparece aqui mesmo.

    3. Use o resultado

      Copie, baixe ou compartilhe o que a ferramenta gerar — o controle é sempre seu.

    Privacidade e processamento — Roda localmente no seu navegador. Esta ferramenta não faz upload da sua entrada.

    O que é Extrator de Paleta de Cores?

    O Extrator de Paleta de Cores é uma ferramenta para identificar cores dominantes de uma imagem e gerar valores HEX, RGB e porcentagens aproximadas.

    ENTENDA A FERRAMENTA

    Como extrair uma paleta de cores

    Use este guia para escolher quantidade de cores, interpretar porcentagens aproximadas e aplicar a paleta com contraste adequado.

    Como as cores são amostradas

    O extrator reduz a imagem para ganhar velocidade, amostra pixels, ignora pixels quase transparentes e agrupa valores RGB próximos em buckets. As porcentagens descrevem a amostra, não uma contagem laboratorial exata de cor.

    Escolhendo a quantidade

    Use menos cores quando precisa de uma paleta compacta de marca ou interface. Use mais cores quando a imagem tem vários acentos importantes, gradientes ou cores de produto.

    Usando a paleta

    • Copie HEX para variáveis CSS, tokens de design ou swatches rápidos.
    • Use RGB quando uma ferramenta de design ou canvas espera canais numéricos.
    • Confira contraste separadamente antes de usar uma cor extraída em texto.

    Cuidados com a imagem

    A paleta é uma aproximação calculada a partir da imagem carregada. Para trabalho crítico de marca, compare os valores com tokens oficiais ou arquivos-fonte de design.

    Perguntas frequentes

    Por que a cor extraída difere um pouco do pixel esperado?

    Cores próximas são agrupadas em buckets depois da amostragem, então o resultado representa áreas dominantes em vez de um pixel exato.

    Pixels transparentes entram na conta?

    Pixels quase transparentes são ignorados, evitando que fundos transparentes dominem a paleta.

    Posso extrair exatamente uma cor de marca?

    Use a paleta como ponto de partida. Para valor oficial exato, amostre do arquivo de design original ou do guia de marca.

    Por que gradientes geram cores parecidas?

    Gradientes têm muitos tons vizinhos. Reduza a quantidade para uma paleta simples ou mantenha mais cores quando o gradiente em si importa.

    Ferramentas relacionadas