Come ottenere una palette di colori da un’immagine (HEX)
In questa pagina
In breve: apri Palette colori da immagine di Imgovo, aggiungi una foto, un logo o uno screenshot, scegli quanti colori vuoi e clicca su Estrai i colori. Clicca su un punto qualsiasi dell’immagine per leggerne il codice HEX esatto, modifica la palette ed esportala come HEX, variabili CSS, Tailwind, JSON, palette GIMP o scheda colori PNG/SVG. Non viene caricato nulla.
A cosa serve una palette
Una palette ricavata da una foto è un modo rapido per scegliere colori che stanno bene insieme: per un sito, una presentazione, un poster o un logo. Serve anche a trovare il codice HEX esatto di un colore in uno screenshot o in un’immagine del marchio.
Passo dopo passo
- Apri Palette colori da immagine e trascina un’immagine sulla pagina, clicca per sceglierne una o incollala dagli appunti. Sono accettati JPG, PNG, WebP, HEIC, TIFF e altri. Con Prova un esempio puoi dare un’occhiata senza file.
- Imposta i Colori da estrarre. Le foto contengono molte tonalità simili: 5 o 6 colori danno una palette di marchio pulita, da 10 a 12 mostrano più dettagli.
- Scegli come selezionare i colori: Colori dominanti, Bilanciato o Accenti.
- Clicca su Estrai i colori.
- Clicca su un campione per selezionarlo. I pulsanti sul campione permettono di copiare o bloccare il colore.
Prendi il colore esatto di un punto
Clicca o tocca l’immagine. Con Pixel esatto, Imgovo legge un pixel dell’immagine a dimensione piena, non di una copia ridotta. Nelle opzioni del selettore puoi usare invece la media di 3 × 3 o 5 × 5 pixel, meglio per le foto con rumore. Poi scegli Aggiungi alla palette o Sostituisci il colore selezionato.
Puoi anche spostare la croce con i tasti freccia e premere Invio.
Analizza solo una parte dell’immagine
Scegli Seleziona area e trascina un rettangolo sull’immagine. La palette viene creata solo da quella parte; l’immagine non viene ritagliata. Usa l’intera immagine torna all’immagine completa.
In Altre opzioni puoi ignorare il quasi bianco, il quasi nero o il colore scelto, e impostare una tolleranza. Un colore rappresentativo è la media di un gruppo, quindi potrebbe non esistere come pixel singolo. Scegli l’opzione dei colori presenti nell’immagine se ti servono pixel reali.
Modifica, blocca ed espandi la palette
- Modifica un colore selezionato in HEX, RGB, HSL o OKLCH e dagli un nome.
- Blocca i colori che vuoi mantenere. Genera e Applica lasciano al loro posto i colori bloccati.
- Le Armonie creano set complementari, analoghi, complementari divisi, triadici, tetradici o monocromatici a partire da un colore.
- Le scale creano passi di luminosità, tinte, ombre o toni, con 5, 9 o 11 passi.
- Le Varianti riempiono i colori non bloccati in stili come pastello, vivace, tenue, terroso, monocromatico, interfaccia chiara e interfaccia scura. L’immagine non viene analizzata di nuovo.
- Annulla e Ripeti (Ctrl+Z e Ctrl+Maiusc+Z) riportano indietro colori e impostazioni precedenti.
Esporta
In Esporta puoi copiare o scaricare la palette come:
- elenchi HEX, RGB, HSL o OKLCH,
- variabili CSS,
- Tailwind CSS v4 o v3,
- JSON o CSV,
- una palette GIMP (
.gpl), - una scheda colori in PNG o SVG,
- un PNG con l’immagine e la sua palette.
Salvare e condividere
Le palette salvate restano solo in questo browser; cancellare i dati del sito le elimina, quindi esporta il file JSON come backup. Copia il link della palette crea un link che contiene solo i colori e un nome breve, mai l’immagine. Chiunque abbia il link può vedere la palette.
Controlla i colori prima di usarli
Una palette ricavata da una foto non garantisce un testo leggibile. Prova una coppia di testo e sfondo nella scheda Contrasto; vedi Come verificare il contrasto dei colori (WCAG AA e AAA).
Privacy
I colori vengono analizzati nel tuo browser. L’immagine non lascia mai il tuo dispositivo e non viene salvata con la palette.
Provalo ora
Apri Palette colori da immagine, aggiungi un’immagine e clicca su un punto per ottenerne il codice HEX. Se la tua origine è un SVG, convertilo prima in PNG con il Convertitore SVG.
Domande frequenti
Come vengono scelti i colori della palette?
Imgovo raggruppa i colori simili (il metodo median cut usato da molti strumenti di design) e mostra i gruppi più importanti. Ogni campione è la media del suo gruppo, quindi corrisponde a ciò che vedi. La stessa immagine con le stesse impostazioni dà sempre gli stessi colori.
Cosa significa una percentuale come «Circa 34 %»?
È la parte dei pixel visibili analizzati che appartiene a quel gruppo di colori simili. Non è un conteggio di oggetti e non tutti i pixel del gruppo hanno esattamente quel codice HEX. I colori scelti, modificati o generati non hanno una quota.
Qual è la differenza tra un colore rappresentativo e un colore presente nell’immagine?
Un colore rappresentativo è la media di un gruppo di pixel simili, quindi potrebbe non comparire da nessuna parte nell’immagine. L’opzione dei colori presenti nell’immagine usa il pixel reale del gruppo più vicino a quella media.
Come ottengo il colore di un punto esatto?
Clicca o tocca l’immagine. Pixel esatto legge un pixel dell’immagine a dimensione piena, non di una copia ridotta. Nelle opzioni del selettore puoi invece fare la media di 3 × 3 o 5 × 5 pixel. Poi scegli «Aggiungi alla palette» o «Sostituisci il colore selezionato».
Dove vengono conservate le palette salvate?
Solo in questo browser, senza account. Cancellare i dati del sito o usare una finestra privata le rimuove, quindi esporta il file JSON se vuoi un backup. L’immagine originale non viene mai salvata con una palette.
La mia immagine viene caricata su un server?
No. I colori vengono analizzati direttamente nel tuo browser e l’immagine non lascia mai il tuo dispositivo.