Per colori coerenti
Estrattore di tavolozze pixel art
Scopri i colori più comuni in un’immagine, copiane i codici o salva l’elenco per il prossimo disegno.
Esempio: immagine del personaggio → campioni di colore riutilizzabili
Prova questo strumento- 1. AggiungiImmagine pixel art
- 2. RegolaConta i suoi colori
- 3. SalvaCampioni e codici colore
1. Scegli un’immagine pixel art
Un PNG offre l’elenco di colori più chiaro. Questo strumento conta i colori; non modifica l’immagine.
Come usarlo
1. Usa la grafica originale anziché uno screenshot
Quando possibile, carica un PNG senza perdita. Uno screenshot può includere l’interfaccia dell’editor, una scacchiera o uno sfondo che non hai dipinto. JPEG e ridimensionamento interpolato introducono tonalità aggiuntive che nascondono una palette di pixel art volutamente ridotta.
2. Scegli quali pixel trasparenti conteggiare
Alfa minimo usa una scala 1–255. Il valore predefinito 128 conta pixel da circa metà opacità in su; 255 conta solo pixel completamente opachi. Analizza di nuovo dopo aver cambiato soglia affinché il risultato usi la nuova scelta.
3. Esamina l’elenco ed esporta un sottoinsieme utilizzabile
Scegli i primi 8, 16, 32 o 64 colori. Fai clic su un codice esadecimale per copiarlo oppure salva CSS o JSON per il set visualizzato. La classifica si basa sulla frequenza, non su tonalità, luminosità o ruolo artistico di un colore.
La frequenza è una tavolozza iniziale, non una gradazione cromatica finita
Ogni pixel che supera la soglia viene contato una volta per il suo valore RGB decodificato. RGB uguali con valori alfa diversi che superano la soglia contribuiscono allo stesso colore. Tonalità simili come #303040 e #303041 restano separate; lo strumento non raggruppa né quantizza i colori.
Le percentuali usano tutti i pixel che superano Alfa minimo, non l’intera tela né solo i colori mostrati. Se i primi otto coprono l’85% dei pixel validi, le loro percentuali sommano all’85%. I margini trasparenti sono esclusi, non contati come nero.
La frequenza indica quali colori occupano spazio, non quali contano di più. Un riflesso dell’occhio di un solo pixel può essere essenziale, mentre un colore dominante del pavimento può essere irrilevante. Estrai un personaggio separatamente, poi organizza personalmente ombre, colori base e luci in gradazioni.
| Impostazione o input | Cosa significa |
|---|---|
| 1024 pixel della tela; soglia di superamento 600 | Il denominatore della frequenza è 600 |
| Un colore compare 150 volte | 25% dei pixel conteggiati |
| I primi 8 di 23 colori distinti | Le esportazioni includono quegli 8, non tutti i 23 |
Controlla prima di scaricare
Conteggi di colori inattesi di solito dipendono dall’originale
Cerca antialiasing, artefatti JPEG o uno sfondo. Un contatore esatto registra fedelmente quelle tonalità; mostrare meno colori principali non semplifica l’immagine stessa.
Conserva gli accenti rari quando servono alla grafica
Usa la frequenza come indizio, poi fai una scelta artistica. I limiti di ingresso sono 4096 px per lato, 8 milioni di pixel e 100.000 colori distinti idonei.
Domande
Scegliere 16 riduce l’immagine a 16 colori?
No. Cambia l’elenco mostrato ed esportato. La sorgente non viene quantizzata, ricolorata né riscritta.
Perché le percentuali non sommano al 100%?
I colori nascosti più in basso nella classifica rappresentano il resto. Ogni percentuale usa tutti i pixel che superano la soglia. Anche l’arrotondamento può causare piccole differenze.
Perché manca un riflesso importante?
L’elenco è ordinato per pixel. Aumenta il limite mostrato, ritaglia più strettamente o campiona l’accento a mano. Posizione in classifica non significa importanza.
Posso usare una fotografia?
JPG è accettato, ma le fotografie possono contenere enormi quantità di colori quasi uguali e raggiungere il limite di colori distinti. Per una piccola tavolozza fotografica rappresentativa usa uno strumento di raggruppamento, non questo contatore esatto.
Cosa contengono CSS e JSON?
CSS contiene variabili numerate per i colori visualizzati. JSON include il nome della sorgente, la soglia alfa e i colori visualizzati con i conteggi. Nessuno dei due include l’immagine o ricolora automaticamente un altro sprite.
Strumenti e tutorial correlati
Crea una tavolozza pixel art utile — Trasforma conteggi esatti in rampe di ombre e luci scelte con criterio.
Ingranditore pixel art — Conserva bordi netti dei pixel ingrandendo un modello.
Pulizia bordi PNG — Esamina i bordi contaminati prima di contarne i colori; conserva una copia della sorgente.