Como Extrair uma Paleta de Cores de uma Imagem

Atualizado em 20/10/20262 min de leitura

Uma boa paleta muitas vezes nasce de uma imagem que você já gosta: uma arte conceitual, um frame de filme, a foto de um lugar. Extrair as cores dá um ponto de partida consistente para ilustrações, temas de interface ou pixel art.

Como a extração funciona

A ferramenta de paleta reduz a imagem e agrupa pixels parecidos com o algoritmo k-means, dando peso às cores conforme o olho humano percebe o brilho. Cada cor resultante é a média de um grupo, e a porcentagem embaixo mostra quanto da imagem ela ocupa.

Passo a passo

  1. Arraste uma imagem (ela fica no seu navegador).
  2. Escolha o número de cores. 5–6 dão uma paleta de clima; 12–16 dão uma paleta de trabalho para pixel art.
  3. Clique numa cor para copiar o HEX, ou copie a lista inteira.
  4. Exporte como variáveis CSS para um site ou baixe um .gpl para GIMP, Aseprite, Krita ou Inkscape.

Paletas melhores

  • Recorte antes se a imagem tem bordas grandes ou um céu que domina tudo.
  • Teste várias quantidades: a paleta de 6 cores não é parte da de 12 — cada quantidade encontra suas próprias médias.
  • Ajuste depois: cores extraídas são médias e podem parecer apagadas. Puxe a saturação dos destaques e acrescente um escuro e um claro de verdade.

Para interfaces

Uma paleta extraída é referência de estilo, não um sistema de cores acessível. Confira o contraste entre texto e fundo — a WCAG pede pelo menos 4,5:1 para texto comum.

Trabalhando com sprite sheets? Divida em frames com a ferramenta de sprite sheet.

Usar a ferramenta grátis

Paleta de Cores da ImagemNovoExtraia uma paleta de qualquer imagem.Dividir e Montar Sprite SheetNovoRecorte sheets em quadros, ou monte uma.

Outros guias

Qual a Melhor Resolução para um Jogo em Pixel Art?Por que a escala inteira importa, as resoluções base mais usadas (320×180, 640×360, 384×216), como elas cabem em 1080p, 1440p, 4K e Steam Deck e como lidar com as barras pretas.2 min de leituraDrop Rate e Gacha: Quantas Tentativas até Sair um Item de 1%?Por que 100 tentativas a 1% não garantem o item, a fórmula da chance em N tentativas, como o pity muda as contas e os números para 50%, 90% e 99%.2 min de leituraProbabilidade de Dados no RPG: 2d6, 4d6 Descartando o Menor, Vantagem e MaisComo calcular as chances de rolagens, por que 3d6 se comporta diferente de 1d20, quanto vale a vantagem de verdade e os números exatos das rolagens mais comuns.2 min de leitura