Guida all'Estrattore di Palette

Estrai palette di colori dominanti da immagini JPG, PNG, WebP, AVIF, GIF, BMP o TIFF. Ottieni codici HEX e RGB per ogni colore. Ogni estrazione avviene localmente nel tuo browser: nessun caricamento su alcun server.

Cosa ti serve

Browser: Chrome, Firefox, Safari o Edge con supporto per OffscreenCanvas Formati: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP o TIFF Limite: 20 MB per file (qualsiasi file superiore a 20 MB verrà rifiutato) Account: Non richiesto Internet: Non necessario dopo il caricamento della pagina

Estrarre la tua palette

Apri il Generatore di Palette nel tuo browser. Trascina il file immagine dal tuo esplora risorse e rilascialo nell'area di caricamento. In alternativa, clicca sull'area di caricamento per selezionare il file dal tuo dispositivo.

Verifica che il file sia inferiore al limite di 20 MB prima di caricarlo: i file che superano questa soglia verranno rifiutati. Seleziona quanti colori estrarre: 5, 8, 10 o 12. Un numero inferiore di colori produce palette più pulite e utilizzabili.

Un numero maggiore cattura variazioni sottili ma potrebbe includere differenze minime non visivamente distinte. Clicca sul pulsante di estrazione. L'algoritmo di quantizzazione elabora i dati dei pixel dell'immagine nel tuo browser.

Raggruppa i pixel per somiglianza cromatica utilizzando il clustering k-means e calcola il colore medio per ogni cluster. Nessun dato viene trasmesso sulla rete. Esamina la palette estratta.

Ogni colore viene visualizzato come un campione visivo con il relativo codice HEX e i valori RGB. Clicca su qualsiasi codice colore per copiarlo negli appunti. Usa questi codici nei tuoi progetti di design, CSS o stampa.

Come funziona

Il Generatore di Palette utilizza un elemento OffscreenCanvas e un algoritmo di quantizzazione del colore per estrarre i colori dominanti. Quando carichi un'immagine, il browser la legge direttamente in memoria tramite la File API: non avviene alcun caricamento sul server.

libvips crea una tela fuori schermo utilizzando OffscreenCanvas e disegna la tua immagine alla sua risoluzione nativa utilizzando drawImage. Successivamente legge i dati dei pixel come un array RGBA utilizzando getImageData, che restituisce un Uint8ClampedArray contenente i valori rosso, verde, blu e alfa per ogni pixel dell'immagine. Per un'immagine 1920x1080, questo produce circa 8 milioni di singoli valori di colore.

L'algoritmo di quantizzazione raggruppa i pixel per somiglianza cromatica utilizzando il clustering k-means. Inizializza k centri di cluster (dove k equivale alla dimensione della palette selezionata), quindi assegna iterativamente ogni pixel al centro del cluster più vicino in base alla distanza euclidea nello spazio RGB. Dopo ogni passaggio di assegnazione, ricalcola ogni centro del cluster come media matematica di tutti i pixel in quel cluster.

Questo processo si ripete finché i centri non si stabilizzano o viene raggiunto un numero massimo di iterazioni. Il risultato è un insieme di colori rappresentativi che catturano l'identità visiva dell'immagine.

Ogni colore viene visualizzato come un campione visivo con il relativo codice HEX e i valori RGB. libvips campiona l'esatto colore del centroide da ogni cluster, assicurando che il campione visualizzato rappresenti accuratamente la media matematica di tutti i pixel in quel gruppo.

I file vengono elaborati interamente all'interno del tuo browser utilizzando OffscreenCanvas. Non vengono mai caricati sui server di ConvertCraft.

Quando qualcosa non funziona

L'immagine non viene caricata: l'immagine supera il limite di 20 MB. L'OffscreenCanvas opera entro rigidi limiti di memoria. L'elaborazione di immagini superiori a 20 MB richiede enormi buffer di pixel non compressi nella RAM, che possono causare il blocco della scheda del browser.

La palette contiene colori simili: l'immagine presenta sottili variazioni di colore che l'algoritmo tratta come cluster distinti. Riduci la dimensione della palette per ottenere meno colori, ma più distinti.

I colori non corrispondono a ciò che vedo: l'algoritmo estrae medie matematiche. Le differenze percettive tra i colori potrebbero non allinearsi con la percezione visiva. Prova una dimensione di palette diversa o usa lo strumento contagocce su pixel specifici.

La palette è composta principalmente da un solo colore: la tua immagine è dominata da un singolo colore. L'algoritmo rappresenta fedelmente la distribuzione cromatica dell'immagine. Prova un'immagine diversa con maggiore varietà di colori.

### Quanti colori posso estrarre?

Lo strumento supporta l'estrazione di 5, 8, 10 o 12 colori. Un numero inferiore di colori produce palette più pulite. Un numero maggiore cattura variazioni sottili ma potrebbe includere differenze minime non visivamente distinte.

### Posso estrarre colori da una regione specifica?

La versione attuale analizza l'intera immagine. Per estrarre colori da una regione specifica, ritaglia prima l'immagine utilizzando il Convertitore di Immagini o uno strumento di ritaglio dedicato, quindi carica la versione ritagliata.

### È sicuro estrarre colori da immagini private?

Sì. I file vengono elaborati interamente all'interno del tuo browser utilizzando OffscreenCanvas. Non vengono mai caricati sui server di ConvertCraft.

I dati della tua immagine non lasciano mai il tuo computer, rendendoli completamente protetti da intercettazioni di rete o registrazioni lato server.