Estrattore di colori
Ricava una palette da qualsiasi immagine
Immagine
Risultato
Nessuna immagine
Trascina un’immagine e qui comparirà la palette.
La percentuale indica quanta parte dell’area dell’immagine copre quella famiglia di colore.
Costruire una grafica attorno a una fotografia, a un logo o a una confezione è molto più semplice quando puoi vederne i colori reali sotto forma di numeri. Trascina un’immagine e ottieni le tonalità dominanti con i loro codici esadecimali.
Come si usa
- 1 Trascina qui un’immagine.
- 2 Scegli quanti colori vuoi nella palette.
- 3 Clicca su un campione per copiarne il codice esadecimale.
- 4 Oppure copia l’intero set come proprietà personalizzate CSS.
Domande frequenti
Come vengono scelti i colori?
I pixel vengono raggruppati in insiemi di colore simile, e ogni insieme contribuisce con la propria media. Per questo ottieni una manciata di tonalità rappresentative invece del singolo valore di pixel più frequente.
Quanti colori conviene estrarre?
Cinque è un buon valore di partenza — grosso modo uno sfondo, un primo piano, un colore d’accento e due tonalità di supporto. Oltre gli otto si tende a ottenere quasi-duplicati poco utili come palette.
Cosa indica la percentuale?
Quanta parte dell’area dell’immagine appartiene a quel gruppo di colore. Un colore al 40% domina la foto; uno al 3% è un piccolo accento, che spesso è proprio quello che serve per i pulsanti.