Trascina qui un'immagine oppure fai clic per selezionarla
Estrai localmente i colori dominanti HEX, RGB e HSL.
Estrarre una tavolozza di colori da un'immagine è utile per progettare interfacce, landing page, moodboard di marca, variabili CSS, grafiche social, presentazioni e pagine di prodotto. La tavolozza raccoglie i colori dominanti che danno coerenza all'identità visiva.
Carica un logo, una schermata, una foto di prodotto, un'illustrazione o un progetto di riferimento e copia i valori HEX, RGB, HSL e le proprietà personalizzate CSS generate. Il campionamento avviene localmente nel browser.
Usa pochi colori per una tavolozza compatta di marca o interfaccia e aumentali quando l'immagine contiene diversi accenti significativi. Il campionamento fine analizza l'immagine più in dettaglio, mentre quello approssimativo è più rapido sui file grandi. I pixel trasparenti vengono ignorati per evitare che generino un colore fittizio.
I colori estratti sono stime dei toni dominanti, non una riproduzione garantita dei token di progettazione originali o dei valori di stampa. Verifica il contrasto prima di usarli per testi e controlli. Puoi copiare le proprietà personalizzate CSS oppure scaricare un file .css pronto per ulteriori modifiche.