Para corresponder cores
Extrator de paletas de pixel art
Veja as cores mais comuns em uma imagem, copie seus códigos de cor ou salve a lista para seu próximo desenho.
Exemplo: imagem de personagem → amostras de cores reutilizáveis
Experimente esta ferramenta- 1. AdicioneImagem de pixel art
- 2. AjusteConte suas cores
- 3. SalveAmostras e códigos de cores
1. Escolha uma imagem de pixel art
Um PNG fornece a lista de cores mais clara. Esta ferramenta conta cores; ela não altera a imagem.
Como usar
1. Use a arte original, não uma captura de tela
Carregue um PNG sem perdas sempre que possível. Uma captura de tela pode incluir a interface do editor, um quadriculado ou um fundo que você não pintou. JPEG e redimensionamento suave introduzem tons extras que dificultam identificar uma paleta de pixel art intencionalmente pequena.
2. Escolha quais pixels transparentes serão contados
Alfa mínimo usa uma escala de 1–255. O padrão 128 conta pixels com aproximadamente metade da opacidade ou mais; 255 conta apenas pixels totalmente opacos. Analise novamente após alterar o limite para que o resultado use sua nova escolha.
3. Examine a lista e exporte um subconjunto utilizável
Escolha as 8, 16, 32 ou 64 cores mais frequentes. Clique em um código hexadecimal para copiá-lo ou salve CSS ou JSON para o conjunto exibido. A classificação é por frequência, não por matiz, brilho ou função artística da cor.
A frequência fornece uma paleta inicial, não uma gradação de cores pronta
Cada pixel que atende ao limite é contado uma vez pelo seu valor RGB decodificado. RGBs iguais com valores de alfa diferentes que atendem ao limite contribuem para a mesma cor. Tons semelhantes, como #303040 e #303041, continuam separados; a ferramenta não agrupa nem quantiza cores.
As porcentagens consideram todos os pixels que passam pelo Alfa mínimo, não a tela de imagem inteira nem apenas as cores exibidas. Se as oito cores principais cobrirem 85% dos pixels válidos, suas porcentagens somam 85%. O preenchimento transparente é excluído, em vez de contado como preto.
A frequência mostra quais cores ocupam espaço, não quais mais importam. Um brilho de um pixel no olho pode ser essencial, enquanto uma cor dominante do piso é irrelevante. Extraia um personagem separadamente e depois organize você mesmo sombras, cores base e realces em gradações.
| Configuração ou entrada | O que significa |
|---|---|
| 1024 pixels na tela; limite de aprovação de 600 | O denominador da frequência é 600 |
| Uma cor aparece 150 vezes | 25% dos pixels contados |
| As 8 principais entre 23 cores distintas | As exportações incluem essas 8 cores, não todas as 23 |
Confira antes de baixar
Contagens inesperadas de cores geralmente apontam para a origem
Procure antialiasing, artefatos de JPEG ou um fundo. Um contador exato registra fielmente esses tons; mostrar menos cores principais não simplifica a imagem em si.
Preserve cores de destaque raras quando forem importantes para a arte
Use a frequência como evidência e depois faça uma escolha artística. Os limites de entrada são 4096 px por lado, 8 milhões de pixels e 100.000 cores distintas válidas.
Perguntas
Escolher 16 reduz a imagem a 16 cores?
Não. Isso altera a lista exibida e exportada. A origem não é quantizada, recolorida ou regravada.
Por que as porcentagens não somam 100%?
As cores ocultas com posições inferiores no ranking correspondem ao restante. Cada porcentagem usa todos os pixels que atendem ao limite. O arredondamento também pode causar pequenas diferenças.
Por que um brilho importante está faltando?
A lista é ordenada pela quantidade de pixels. Aumente o limite de exibição, use um recorte de origem mais fechado ou amostre a cor de destaque manualmente. A posição na lista não representa a importância visual.
Posso usar uma fotografia?
JPG é aceito, mas fotografias podem conter uma quantidade enorme de cores quase iguais e atingir o limite de cores distintas. Para uma pequena paleta representativa de uma foto, use uma ferramenta de agrupamento, não este contador exato.
O que há no CSS e no JSON?
O CSS contém variáveis numeradas para as cores exibidas. O JSON inclui o nome da origem, o limite de alfa e as cores exibidas com suas contagens. Nenhum dos dois inclui a imagem ou recolore automaticamente outro sprite.
Ferramentas e tutoriais relacionados
Crie uma paleta útil para pixel art — Transforme contagens exatas em rampas intencionais de sombra e brilho.
Ampliador de pixel art — Preserve as bordas definidas dos pixels ao ampliar um modelo visual.
Limpador de bordas de PNG — Examine as bordas contaminadas antes de contar suas cores; guarde uma cópia da origem.