Cambia Tavolozza per Pixel Art

Riduci sprite e fogli di sprite alle tavolozze di console classiche o a una lista personalizzata di colori esadecimali nel browser.

Trascina uno sprite o foglio di sprite PNG, JPEG o WebP elaborati direttamente sul tuo dispositivo
In attesa di un immagine In attesa di un immagine
02

Originale Risultato ridotto

Carica un immagine per la prima vista Le versioni originale e ridotta appariranno affiancate.
Zoom 100%
Studio Strumenti

Vuoi questo strumento sul tuo sito?

Personalizza i colori e la modalità scura per WordPress, Notion o il tuo sito.

Domande frequenti

Lo strumento carica le mie immagini su un server?

No. L immagine viene decodificata in una tela nel tuo browser, mappata localmente in JavaScript ed esportata direttamente come PNG. Lo strumento non richiede alcun passaggio di caricamento esterno.

Posso usare una mia tavolozza personalizzata?

Sì. Incolla valori esadecimali a 6 o 3 cifre nel campo Colori personalizzati, separati da virgole, spazi o a capo, quindi seleziona Applica tavolozza.

La dimensione del mio sprite viene modificata?

No. Il file scaricato mantiene la larghezza, l altezza, le posizioni dei pixel e i valori alfa originali quando l opzione Conserva trasparenza è attiva.

Quale algoritmo viene utilizzato?

Ogni pixel visibile viene assegnato al colore più vicino nella tavolozza selezionata utilizzando la distanza euclidea al quadrato nello spazio RGB. È un metodo rapido, deterministico e facile da previsualizzare, che non applica dithering o correzione cromatica percettiva Lab.

# Trasforma uno Sprite a Colori in una Tavolozza Retro Deliberata

Una tavolozza limitata è molto più di una restrizione tecnica. Dona a uno sprite un vocabolario cromatico coerente, fa percepire gli elementi di una scena come appartenenti al medesimo mondo e suggerisce il carattere visivo di una specifica console o architettura fantasy. Questo strumento di cambio tavolozza nel browser ti consente di confrontare l immagine originale con una versione ridotta mentre sperimenti con Game Boy, ispirate al NES, PICO-8, Commodore 64, DawnBringer 16 e tavolozze personalizzate.

# Come Funziona la Mappatura al Colore Più Vicino

Lo strumento legge i canali rosso, verde e blu di ogni pixel visibile e confronta quel colore con ciascun valore presente nella tavolozza selezionata. Sceglie l elemento della tavolozza con la minore distanza RGB al quadrato e scrive il colore sostitutivo in un nuovo buffer di canvas. Il canale alfa viene mantenuto separato, in modo che i pixel trasparenti rimangano tali e i bordi parzialmente trasparenti conservino la loro opacità originale quando l opzione Conserva trasparenza è attiva.

Riduzione tavolozza

Ogni colore originale viene sostituito dal campione disponibile più vicino.

  • Veloce e prevedibile per sprite, icone, elementi di mappa e interfacce
  • Conserva accuratamente le dimensioni e le posizioni originali dei pixel
  • Rende semplice la verifica e il controllo di un budget cromatico stabilito

Cambio tavolozza (Palette Swapping)

La stessa illustrazione può essere rimappata su un altro insieme di colori scelto con cura.

  • Utile per costumi alternativi, variazioni di ambientazione e stati di danno
  • Le liste esadecimali personalizzate permettono di adeguarla alla propria direzione artistica
  • Il file PNG scaricato è subito pronto per essere reimportato nel tuo editor

# Scegliere una Tavolozza per la Pixel Art

Tavolozza Colori Uso consigliato Aspetti da valutare
Game Boy4Stile monocromatico portatile e studi di valori ben definitiLa gamma ristretta di valori può fondere materiali con tonalità simili
Ispirata al NES16Sprite arcade ben marcati, personaggi e elementi di mappaI colori molto luminosi possono sovrastare i dettagli più piccoli
PICO-816Pixel art moderna con accenti cromatici saturiLe tonalità molto sature richiedono un contrasto intenzionale
Commodore 6416Scene retro morbide ed estetica da computer classicoIl basso contrasto trae vantaggio da sagome ben definite
DawnBringer 1616Tavolozza versatile e selezionata a mano per pixel art generaleLe rampe di colore richiedono comunque una direzione della luce chiara

# Flusso di Lavoro Pratico per Fogli Sprite

Inizia con l immagine di origine più grande che riesci a modificare comodamente, quindi carica lo sprite o il foglio sprite esportato qui. Seleziona una preimpostazione per definire lo stile oppure incolla una lista personalizzata da una libreria di colori. Ispeziona le due tele a un livello di zoom più elevato per verificare se si sono persi dettagli del volto, contorni uniti o punti di luce che non si staccano più dal colore di base. Se il risultato appare poco definito, prova una tavolozza con stacchi di valore più marcati o aggiungi un colore di accento deliberato alla lista.
Mantenere una Tavolozza Intenzionale
Una lista di colori più ampia non è automaticamente migliore. Inizia con 4-16 colori, assegna a ogni colore un ruolo preciso e riserva i valori più luminosi per i punti focali o i punti di luce più importanti. L algoritmo del colore più vicino conserva la posizione dei pixel, ma non può decidere quali colori debbano guidare la gerarchia visiva del tuo sprite.

# Lista di Controllo per l Esportazione in Pixel Art

Prima di Importare il File PNG Ridotto

Da tenere a mente
Controlla il risultato al 100% di scala e alle dimensioni finali all interno del gioco, conferma che i bordi trasparenti siano puliti, verifica che le sagome principali rimangano ben leggibili e conserva il file sorgente originale accanto al file esportato per poter modificare la tavolozza senza dover ricominciare da capo.
Quantizzazione del colore
Il processo di riduzione di un ampio insieme di colori originali a un insieme più piccolo e definito.
Rampa di colore
Una sequenza ordinata di toni scuri, medi e chiari utilizzata per ombreggiare una superficie o un materiale.
Tavolozza indicizzata
Una tabella di colori compatta in cui i pixel fanno riferimento a indici di una lista condivisa anziché memorizzare ogni volta i colori completi.

Riferimenti Bibliografici