Estrattore di Colori da Immagine — Palette da un’Immagine
Estrai la palette di colori dominanti da qualsiasi immagine. Ottieni codici Hex e RGB, copia colori singoli o l'intera palette come variabili CSS. 100% nel tuo browser.
Estrattore di Colori da Immagine — Palette da un’Immagine
Carica qualsiasi immagine ed estrai istantaneamente la sua palette di colori dominanti. Ottieni il codice Hex e RGB di ogni colore, copiali singolarmente, oppure esporta l’intera palette come variabili CSS pronte all’uso. Perfetto per designer che costruiscono uno schema di colori da una foto, un logo o un’immagine di ispirazione.
Funzionalità
- Rilevamento colori dominanti: usa la quantizzazione median-cut per trovare i colori più rappresentativi
- Quantità regolabile: estrai da 4 a 12 colori
- Hex e RGB: ogni colore include entrambi i codici, clicca per copiare
- Opzioni di esportazione: copia come variabili CSS (
--color-1,--color-2…) o lista Hex semplice - Ordinati per dominanza: i colori più prominenti appaiono per primi
Usi comuni
- Costruire uno schema di colori per un sito web da un logo o una fotografia
- Abbinare elementi di design a un’immagine esistente
- Creare gradienti o temi ispirati a un’immagine
- Estrarre i colori di un brand senza le specifiche originali
- Generare una palette per visualizzazioni di dati o presentazioni
Come funziona
Lo strumento riduce la tua immagine, campiona i pixel e raggruppa colori simili usando un algoritmo median-cut. Il colore medio di ogni gruppo diventa un campione della tua palette. I colori sono classificati in base a quanti pixel rappresentano, quindi le tonalità dominanti appaiono per prime.
Privacy
Tutta l’estrazione dei colori avviene nel tuo browser tramite l’API Canvas. La tua immagine non viene mai caricata su alcun server.
Hai bisogno di più? Prova il Pro Estrattore di Palette — HEX/HSL/OKLCH/CMYK + esportazioni Tailwind/SCSS/JSON.