Toolzi LogoToolzi

Estrattore di Colori da Immagine

Carica un'immagine per estrarne automaticamente i colori principali. Copia i codici HEX, RGB o HSL all'istante.

Trascina la tua immagine qui o Scegli File

Supporta JPG, PNG, WebP, GIF, BMP

Come Estrarre i Colori

1

Carica un'Immagine

Trascina e rilascia un file immagine o fai clic sul pulsante di selezione.

2

Visualizza i Codici Colore

Sfoglia l'elenco dei colori e passa tra le schede HEX, RGB e HSL.

3

Copia e Usa

Fai clic su qualsiasi codice colore per copiarlo negli appunti.

Cosa sono HEX, RGB e HSL?

HEX

HEX — Standard Web e Design

Codice a 6 cifre #RRGGBB, ampiamente usato in CSS, Figma e Photoshop.

RGB

RGB — Rosso, Verde, Blu

Rappresenta il colore con tre valori (0–255) per rosso, verde e blu.

HSL

HSL — Tonalità, Saturazione, Luminosità

Descrive il colore per tonalità (0–360°), saturazione (%) e luminosità (%). Intuitivo per regolare i colori.

Casi d'Uso

Estrarre colori del brand, unificare palette per i social media, creare temi UI o scegliere colori da immagini di riferimento.

Domande Frequenti

Quanti colori si possono estrarre?
Puoi estrarre fino a 10 colori. Scegli tra 5, 8 o 10 con il selettore.
Perché i colori estratti differiscono leggermente dall'immagine?
L'algoritmo raggruppa colori simili e sceglie un rappresentante. Ciò è intenzionale per creare palette pulite.
La mia immagine viene inviata a un server?
No. Tutta l'elaborazione avviene nel tuo browser. L'immagine non viene mai inviata a nessun server.
Quale formato usare: HEX o RGB?
HEX è il più universale per CSS e strumenti di design. Usa RGB o HSL per regolazioni programmatiche.
Cosa succede con le immagini PNG trasparenti?
Le aree trasparenti vengono trattate come bianco, il che può influenzare i colori estratti.
Posso usarlo su mobile?
Sì. Su mobile, tocca il pulsante di selezione per scegliere una foto dalla galleria.

Strumenti Correlati

Ridimensionatore di ImmaginiGeneratore di Gradiente CSS