I colori presi direttamente dalla tua foto. Estrai i colori principali e copiali subito come codici HEX.

Clicca per scegliere un file

Scegli file

JPG, PNG, WebP, HEIC e altro

Estrae i colori chiave da una singola foto e li ordina in una palette. È perfetto per costruire un moodboard, scegliere la combinazione di colori di un design o di un sito, o riprendere i toni esatti di una foto che ami. Ottieni una barra di proporzione insieme a %, HEX e RGB di ogni colore a colpo d'occhio, e cliccando un colore ne copi subito il codice HEX.

Come si usa

  1. 1Trascina un'immagine JPG, PNG o WebP, oppure fai clic per caricarla.
  2. 2Imposta il numero di colori tra 3 e 10. Cambiando il numero la palette viene riestratta subito.
  3. 3Controlla %, HEX e RGB di ogni colore nella barra di proporzione e nelle schede colore.
  4. 4Clicca un colore qualsiasi per copiarne l'HEX. Premi Copia CSS per prenderli tutti in una volta come variabili :root!

Buono a sapersi

  • Meno colori mantengono i toni grandi e dominanti; più colori catturano anche le sfumature intermedie più sottili. Regola in base all'uso.
  • Copia CSS raggruppa tutti i colori in variabili :root, pronte da incollare direttamente nel tuo foglio di stile.
  • Il % nella barra di proporzione indica quanta area occupa ogni colore nella foto: utile per distinguere il colore principale dagli accenti.

Domande frequenti

No, l'estrazione dei colori avviene interamente nel tuo browser e la foto non viene mai inviata a un server. Legge soltanto i colori, quindi l'originale non lascia mai il tuo dispositivo.

Ogni colore arriva con HEX (es. #7C3AED) e RGB (es. RGB(124, 58, 237)). Clicca un colore per copiarne l'HEX, oppure usa Copia CSS per prenderli tutti in una volta come variabili :root.

Da 3 a 10. Cambia il numero con il cursore e la palette si riestrae all'istante.

È la quota dell'area della foto occupata da ogni colore. I colori più grandi ottengono una banda più larga, così vedi a colpo d'occhio quale colore guida l'atmosfera della foto.