🔬

Estrai colori immagine

Clicca in qualsiasi punto di un'immagine per estrarre il colore esatto — ottieni subito i valori HEX, RGB e HSL. Passa il mouse per l'anteprima, clicca per salvare nella cronologia.

Strumenti per immagini Funziona localmente Nessun dato inviato
selettore coloreHEXRGBHSLdesign
Anteprima immagine
🔬
Trascina qui l'immagine
oppure clicca per sfogliare
JPG | PNG | WebP | GIF
#000000
Sposta il mouse per l'anteprima del colore · Clicca per selezionare e salvare nella cronologia
Colore corrente
HEX —
RGB —
HSL —
Cronologia colori (fino a 12)
Nessun colore selezionato

Che cos'è Estrai colori immagine?

Estrai colori immagine ti consente di passare il mouse su qualsiasi parte di un'immagine e vedere subito il colore esatto di quel pixel. Clicca per bloccare il colore e copiarlo come HEX, RGB o HSL. Un pannello della cronologia colori memorizza fino a 12 colori selezionati per un facile riferimento — utile per designer, sviluppatori e chiunque debba abbinare colori da foto o screenshot.

Come usare Estrai colori immagine

  1. Carica qualsiasi immagine cliccando sull'area di rilascio o trascinando un file al suo interno.
  2. Passa il mouse sull'immagine per vedere un'anteprima del colore in tempo reale nel badge flottante e nel pannello laterale.
  3. Clicca in qualsiasi punto dell'immagine per selezionare quel colore e salvarlo nella cronologia.
  4. Usa i pulsanti Copia per copiare i valori HEX, RGB o HSL negli appunti.
  5. Fai clic su qualsiasi campione nel pannello della cronologia per ripristinare quel colore nella visualizzazione principale.

Strumenti correlati

🎨
Selettore colore
Scegli un colore e ottieni i valori HEX, RGB e HSL
 ☀️
Luminosità contrasto immagine
Regola con precisione la luminosità e il contrasto della foto con anteprima istantanea
 ⬛
Convertitore scala grigi
Converti le foto in scala di grigi o in bianco e nero nel browser
Comprendi l'estrazione dei colori ▾
Esempio
Input Carica uno screenshot del marchio e passa il mouse sul colore del logo
Risultato #1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —pronti da copiare
Casi d'uso comuni
  • Identifica i colori esatti del marchio da un logo o uno screenshot
  • Abbina un colore di sfondo da una foto per un design UI
  • Estrai un valore colore CSS da un mockup di design
  • Crea una mini palette facendo clic su più colori e usando il pannello della cronologia
Perché usare questo strumento
  • Estrazione del colore precisa al pixel tramite Canvas getImageData —nessun arrotondamento.
  • Tre formati di output (HEX, RGB, HSL), ciascuno con copia con un clic.
  • Funziona interamente nel browser —le immagini non lasciano mai il tuo dispositivo.
Domande frequenti
La mia immagine viene caricata su un server?

No. Tutta l'elaborazione avviene interamente nel tuo browser tramite l'API HTML5 Canvas. La tua immagine non lascia mai il tuo dispositivo.

Quanto sono accurati i valori colore estratti?

I valori sono accurati al pixel: lo strumento legge i valori RGBA esatti del pixel sotto il cursore usando l'API Canvas getImageData, poi li converte matematicamente in HEX, RGB e HSL.

In cosa è diverso da un estrattore di palette?

Un estrattore di palette campiona automaticamente i colori dominanti da un'immagine. Questo strumento consente di fare clic manualmente su un pixel specifico per ottenere il suo colore esatto, offrendo un controllo preciso sul colore da estrarre.

Quale formato usa il pulsante di copia?

Ogni formato viene copiato come stringa pronta all'uso: HEX viene copiato come #RRGGBB, RGB come rgb(R, G, B) e HSL come hsl(H, S%, L%).