Estrai Colori Immagine
FreeEstrai 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
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
- Costruire una palette di colori o un tema basato su una foto, un logo o un'opera d'arte.
- Identificare rapidamente i colori dominanti in un'immagine per decisioni di design o branding.
- Generare proprietà personalizzate CSS pronte all'uso dallo schema colore di un'immagine.
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
Immagine
Aggiungi Linea a Immagine
Disegna una o più linee su un'immagine caricata trascinando o con coordinate precise, poi scarica il risultato a piena risoluzione.
FreeImmagine
Aggiungi Rumore Immagine
Aggiungi grana casuale o rumore colore a un'immagine, direttamente nel tuo browser.
FreeImmagine
Aggiungi Rumore Immagine Batch
Aggiungi lo stesso effetto di grana o rumore colore a più immagini contemporaneamente, direttamente nel tuo browser.
FreeImmagine
Regola Gamma Immagine
Schiarisci o scurisci i mezzitoni di un'immagine con una curva gamma, direttamente nel tuo browser.
FreeImmagine
Regola Gamma Immagine Batch
Applica la stessa correzione gamma a più immagini contemporaneamente, direttamente nel tuo browser.
FreeImmagine
Regola HSL Immagine
Sposta tonalità, saturazione, e luminosità su un'immagine con cursori dal vivo, direttamente nel tuo browser.
FreeImmagine
Regola HSL Immagine Batch
Applica la stessa regolazione di tonalità, saturazione, e luminosità a più immagini contemporaneamente, direttamente nel tuo browser.
FreeImmagine
Aggiungi Testo a Immagine
Aggiungi una o più didascalie di testo personalizzate su un'immagine, direttamente nel tuo browser.
Commenti (0)
Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.
Ancora nessun commento. Sii il primo a condividere il tuo pensiero!