Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- Colors are approximate dominant colors from sampled pixels.
- Click a swatch to copy its HEX value.
- Download or copy CSS variables for design handoff.
Extracted palette
Extracted colors will appear here.
Che cos’è questo estrattore di palette colori?
Questo strumento analizza un’immagine locale ed estrae colori dominanti approssimativi. Puoi copiare valori HEX, RGB e HSL oppure esportare la palette come variabili CSS.
Le immagini restano nel browser. Lo strumento non carica file e non li memorizza sul server.
Funzioni
- Estrae localmente i colori dominanti da un’immagine
- Copia valori HEX, RGB e HSL
- Genera proprietà CSS personalizzate
- Scarica il CSS della palette
- Campionamento rapido senza librerie di terze parti
Come si usa
-
Aggiungi un’immagine
Seleziona o trascina un’immagine JPG, PNG o WebP nello strumento.
-
Scegli la quantità
Seleziona quanti colori vuoi nella palette.
-
Estrai i colori
Il browser campiona i pixel e raggruppa i colori simili.
-
Copia i valori
Fai clic sui campioni oppure copia le variabili CSS generate.
FAQ
Le immagini vengono caricate?
No. Il campionamento dei pixel avviene nella scheda del browser.
I colori sono esatti?
Sono colori dominanti approssimativi basati sui pixel campionati.
Posso usare il CSS in un progetto?
Sì. Copia o scarica le variabili CSS generate.
Perché i pixel trasparenti vengono ignorati?
I pixel trasparenti non contribuiscono a un colore visibile, quindi vengono saltati.