Troca de Paleta para Pixel Art

Reduza sprites e folhas de sprites para paletas clássicas de consoles ou uma lista personalizada de cores hexadecimais no navegador.

Arraste um sprite ou folha de sprites PNG, JPEG ou WebP processados no seu dispositivo
Aguardando uma imagem Aguardando uma imagem
02

Original Resultado reduzido

Envie uma imagem para visualizar As versões original e reduzida aparecerão lado a lado.
Zoom 100%
Estúdio de Utilitários

Quer este utilitário no seu site?

Personalize cores e o modo escuro para WordPress, Notion ou o seu próprio site.

Perguntas frequentes

A ferramenta envia minhas imagens para um servidor?

Não. A imagem é decodificada em uma tela no seu navegador, mapeada localmente em JavaScript e exportada diretamente como PNG. A ferramenta não possui etapa de envio externo.

Posso usar minha própria paleta personalizada?

Sim. Cole códigos hexadecimais de 6 ou 3 dígitos no campo Cores personalizadas, separados por vírgulas, espaços ou quebras de linha, e selecione Aplicar paleta.

O tamanho do meu sprite é alterado?

Não. O arquivo exportado mantém a largura, a altura, as posições dos pixels e os valores alfa originais quando a opção Preservar transparência está ativa.

Qual algoritmo é utilizado?

Cada pixel visível é atribuído à cor mais próxima na paleta selecionada usando a distância euclidiana ao quadrado no espaço RGB. É um método rápido, determinístico e fácil de previsualizar, que não aplica pontilhado (dithering) ou correção cromática perceptual Lab.

# Converta um Sprite Colorido em uma Paleta Retro Definida

Uma paleta limitada é muito mais do que uma restrição técnica. Ela dá ao sprite um vocabulário de cores coerente, faz com que os elementos de uma cena pareçam pertencer ao mesmo universo e sugere o caráter visual de um console ou hardware clássico específico. Este alterador de paleta no navegador permite comparar a imagem original com uma versão reduzida enquanto você experimenta com Game Boy, inspiradas no NES, PICO-8, Commodore 64, DawnBringer 16 e listas personalizadas.

# Como Funciona o Mapeamento pela Cor Mais Próxima

A ferramenta lê os canais vermelho, verde e azul de cada pixel visível e compara essa cor com cada valor presente na paleta selecionada. Ela escolhe a entrada da paleta com a menor distância RGB ao quadrado e escreve a cor de substituição em um novo buffer de tela. O canal alfa é mantido separado, de modo que os pixels transparentes permanecem transparentes e as bordas parcialmente transparentes conservam sua opacidade original quando a opção Preservar transparência está ativa.

Redução de paleta

Cada cor original é substituída pela amostra disponível mais próxima.

  • Rápido e previsível para sprites, ícones, elementos de mapas e interfaces
  • Conserva exatamente as dimensões e as posições dos pixels originais
  • Facilita a verificação e o controle de um orçamento de cores estabelecido

Troca de paleta (Palette Swapping)

A mesma ilustração pode ser remapeada para outro conjunto de cores cuidadosamente escolhido.

  • Útil para trajes alternativos, variações de biomas e estados de dano
  • Listas hexadecimais personalizadas permitem adequar-se à sua própria direção artística
  • O arquivo PNG baixado está pronto para ser reimportado no seu editor

# Escolhendo uma Paleta para Pixel Art

Paleta Cores Uso recomendado Aspectos a considerar
Game Boy4Estilo monocromático portátil e estudos de valores bem definidosA gama reduzida de valores pode fundir materiais com tonalidades próximas
Inspirada no NES16Sprites marcantes estilo arcade, personagens e cenáriosCores muito brilhantes podem se sobrepor a detalhes pequenos
PICO-816Pixel art moderno com acentos de cores saturadasTonalidades muito saturadas exigem um contraste intencional
Commodore 6416Cenas retro suaves e estética de computadores clássicosBaixo contraste se beneficia de silhuetas bem definidas
DawnBringer 1616Paleta artesanal versátil para uso geral em pixel artRampas de cores ainda exigem uma direção de luz clara

# Fluxo de Trabalho Prático para Folhas de Sprites

Comece com a maior imagem original que você consiga editar confortavelmente, e em seguida envie o sprite ou folha de sprites exportada para cá. Selecione uma predefinição para definir o estilo visual ou cole uma lista personalizada de uma biblioteca de cores. Inspecione ambas as telas em um nível de ampliação maior para verificar se houve perda de detalhes faciais, contornos fundidos ou pontos de luz que não se destacam mais. Se o resultado parecer apagado, tente uma paleta com saltos de valor mais acentuados ou adicione uma cor de destaque intencional.
Mantenha uma Paleta Intencional
Uma lista de cores maior não é automaticamente melhor. Comece com 4 a 16 cores, atribua uma função clara a cada cor e reserve os valores mais brilhantes para pontos focais ou destaques bem legíveis. O algoritmo da cor mais próxima preserva as posições dos pixels, mas não pode decidir quais cores devem estruturar a hierarquia visual do seu sprite.

# Lista de Verificação para Exportação de Pixel Art

Antes de Importar o Arquivo PNG Reduzido

A ter em conta
Verifique o resultado em escala de 100 por cento e no tamanho final dentro do jogo, confirme se as bordas transparentes continuam limpas, verifique se as silhuetas importantes permanecem bem legíveis e conserve o arquivo original ao lado do exportado para poder ajustar a paleta sem ter que recomeçar do zero.
Quantização de cor
O processo de redução de um amplo conjunto de cores originais para um conjunto menor e definido.
Rampa de paleta
Uma sequência ordenada de tons escuros, médios e claros usada para sombrear uma superfície ou material.
Paleta indexada
Uma tabela de cores compacta em que os pixels fazem referência a índices em uma lista compartilhada em vez de armazenar cores completas.

Referências Bibliográficas