WMW

Estrai Colori Immagine

Free

Estrai una palette colore dominante da un'immagine usando quantizzazione median-cut, con copia come hex o variabili CSS.

Gira interamente nel tuo browser. La tua immagine non viene mai caricata da nessuna parte.

Clicca per scegliere un'immagine, o trascinane una qui

Attività recente

Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.

6 colors · #BB5446, #E5B1AE, #1B0813, #3E1E21, #422037, #4D3864

3 ore fa

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

I commenti degli ospiti vengono revisionati prima della pubblicazione. Accedi per pubblicare istantaneamente.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Estrae una palette di colori dominanti da qualsiasi immagine usando la quantizzazione colore median-cut, la stessa tecnica usata da popolari librerie di estrazione palette, con un numero regolabile di colori e copia con un clic come codici esadecimali o variabili CSS.

Come funziona

Tutti i pixel dell'immagine partono da un unico gruppo. Lo strumento individua quale canale colore (rosso, verde o blu) ha l'intervallo di valori più ampio all'interno del gruppo più numeroso, ordina i pixel di quel gruppo lungo quel canale e lo divide a metà sulla mediana in modo che entrambe le metà contengano approssimativamente lo stesso numero di pixel. Questa divisione si ripete, mirando sempre al gruppo con più pixel, finché non ci sono tanti gruppi quanti sono i colori richiesti. Ogni gruppo finale viene poi ridotto a un singolo colore facendo la media dei suoi pixel, e i colori risultanti vengono ordinati mettendo per primo il più comune (il gruppo più grande).

Problemi che risolve

Domande frequenti

›Come sceglie questo strumento quali colori contano di più nella mia immagine?

Usa una tecnica chiamata quantizzazione median-cut: tratta il colore di ogni pixel come un punto nello spazio 3D rosso/verde/blu, divide ripetutamente a metà il gruppo di colori più numeroso lungo qualsiasi canale colore vari di più al suo interno, e una volta che ha tanti gruppi quanti colori richiesti, media ogni gruppo in un colore rappresentativo. I gruppi con più pixel vengono per primi nei risultati, così la palette riflette quanto dell'immagine ogni colore effettivamente copre.

›Perché questo è più intelligente che semplicemente mediare l'intera immagine in un colore?

Mediare tutto in una volta fonderebbe una foto con aree distinte rosse e blu in un viola fangoso che non appare da nessuna parte nell'originale. Suddividendo lo spazio colore in gruppi separati prima di mediare, ogni gruppo contiene solo colori simili, così le aree rosse e blu restano rappresentate come voci di palette separate e riconoscibili invece di annullarsi a vicenda.

›Perché la palette estratta potrebbe perdere un colore che riesco a vedere chiaramente nella foto?

Se quel colore copre solo una piccola area dell'immagine, potrebbe finire inglobato in un gruppo più grande e dominante invece di ottenere il proprio slot, specialmente con conteggi di colori più bassi. Aumentare il numero di colori richiesti dà alle aree di colore piccole o sottili una migliore possibilità di essere separate nella propria voce di palette.

›Questo analizza l'immagine a piena risoluzione?

L'immagine viene prima ridotta a una copia di lavoro più piccola prima dell'analisi, poiché l'estrazione della palette necessita solo di un campione rappresentativo di colori, non ogni pixel, e questo mantiene lo strumento veloce anche su foto grandi. Questo non influisce sull'immagine stessa, solo sull'analisi, nulla viene caricato e il file originale non viene mai modificato.

›Posso usare la palette nel mio CSS?

Sì, clicca "Copia come variabili CSS" per copiare la palette come proprietà personalizzate --color-1 fino a --color-N pronte da incollare, o "Copia come lista HEX" per una semplice lista di codici hex.

Strumenti correlati