Come funziona
Scegli una foto, un logo o uno screenshot: i suoi colori principali vengono individuati con l'algoritmo median cut, che divide ripetutamente i colori dell'immagine in gruppi di uguale dimensione. Per ogni colore vedi il codice HEX e quanta parte dell'immagine occupa, e puoi copiare l'intera palette come variabili CSS.
Immagine → colori raggruppati per somiglianza → colore medio di ogni gruppo
Usi pratici
- Creare la palette di un brand o di un sito web partendo dalla foto di un prodotto.
- Abbinare i colori di slide, poster o miniature a un'immagine.
- Trovare i colori esatti di un logo o di un'illustrazione.
Consigli
- Meno colori mostrano i toni dominanti; più colori fanno emergere gli accenti.
- Le aree trasparenti delle immagini PNG vengono ignorate.
- L'immagine viene analizzata sul tuo dispositivo e non viene mai caricata.
Standard e fonti
- La quantizzazione dei colori usa l'algoritmo median cut (Heckbert, 1982)
- I colori sono espressi in sRGB come definito nel CSS Color Module Level 4
Ultima revisione 7 ottobre 2026
Domande frequenti
Come vengono scelti i colori principali?
L'algoritmo median cut divide ripetutamente i colori dell'immagine in gruppi e prende la media di ciascun gruppo, così i colori più frequenti risaltano.
Quanti colori conviene estrarre?
Da quattro a sei rendono l'atmosfera generale; da otto a dodici colgono anche gli accenti più piccoli.
Funziona con loghi e screenshot?
Sì. Le immagini a tinte piatte danno colori molto precisi e le aree trasparenti dei PNG vengono ignorate.
La mia immagine viene caricata?
No. L'immagine viene ridimensionata e analizzata nel browser e non lascia mai il tuo dispositivo.
Posso usare i colori nel CSS?
Sì. Copia il blocco di variabili CSS, oppure tocca un colore per copiarne il codice HEX.