Estrai una palette di colori da un'immagine

La palette enfatizza i colori visibili dominanti piuttosto che elencare ogni valore di pixel. Pixel simili vengono raggruppati e i colori rappresentativi sono classificati per frequenza, il che rende l'output pratico per temi, riferimenti, illustrazioni ed esplorazione di design. Gli sfondi grandi di solito superano i piccoli accenti anche quando l'accento attira più attenzione umana. Il risultato è un riepilogo dell'immagine, non un inventario completo dei colori o un sistema di design finito. Usa l'anteprima e l'immagine sorgente insieme quando scegli quali campioni mantenere.

I pixel completamente trasparenti vengono ignorati perché non contribuiscono con un colore sorgente visibile. I pixel semi-trasparenti possono ancora influenzare il risultato rappresentativo secondo il loro colore memorizzato e la visibilità. Un logo progettato per uno sfondo scuro può quindi produrre campioni che appaiono diversi quando visualizzati su bianco. Se la palette finale sarà usata su uno sfondo particolare, componi o visualizza l'immagine in quel contesto prima, poi controlla contrasto e colori dei bordi prima di assegnare ruoli alla palette.

L'estrattore classifica i colori per quanto spazio occupano nell'immagine dopo che tonalità simili sono raggruppate. L'attenzione umana è anche influenzata da contrasto, saturazione, importanza del soggetto, volti e contesto, quindi un piccolo accento luminoso può sembrare più prominente di un grande muro attenuato pur classificandosi più in basso per frequenza di pixel. Gradienti, ombre, illuminazione, rumore di compressione, anti-aliasing e molte tonalità quasi identiche possono spostare i rappresentanti. Tratta l'output come un punto di partenza misurato e aggiustalo per l'obiettivo di design.

Inizia assegnando ruoli piuttosto che usare ogni campione estratto in modo uguale. Scegli uno sfondo, un colore del testo primario, un colore di superficie, un accento principale e un accento secondario opzionale. Rimuovi quasi duplicati e aggiusta luminosità o saturazione quando l'immagine non fornisce abbastanza separazione. Testa testo e grafica essenziale con un controllo contrasto, controlla la palette in scala di grigi e visualizza componenti reali piuttosto che campioni di colore isolati. Una fotografia attraente può contenere colori che funzionano insieme pittoricamente ma falliscono quando usati per testo piccolo o controlli.

Scegli un'immagine rappresentativa dell'umore, dell'illuminazione e del soggetto che vuoi che la palette esprima. Ritaglia bordi irrilevanti, screenshot, filigrane o grandi sfondi quando non dovrebbero dominare. Preferisci una fonte senza dominante di colore severa, filtri pesanti, artefatti di compressione o illuminazione mista a meno che questi effetti non siano intenzionali. Diverse modifiche della stessa foto possono produrre palette diverse. Per un progetto coerente, estrai da un'immagine di riferimento controllata, documenta i valori HEX scelti, poi testali su schermi e campioni di stampa.