Vai al contenuto
SPCXTools

Color Picker da Immagine

Clicca in un punto qualsiasi di un'immagine per ottenere il suo colore esatto in HEX, RGB e HSL — oltre alla sua palette di colori principali.

Funziona localmente: i file non lasciano mai il tuo dispositivo

Caricamento strumento…

Come usare Color Picker da Immagine

  1. 1Scegli un'immagine, trascinala sulla pagina o incolla uno screenshot con Ctrl+V (⌘+V su Mac).
  2. 2Sposta il puntatore sull'immagine. La lente d'ingrandimento mostra il pixel esatto sotto il cursore.
  3. 3Clicca per selezionare un colore. I suoi codici HEX, RGB e HSL appariranno a destra — clicca su Copia per usarne uno.
  4. 4Usa la palette Colori principali per estrarre i colori dominanti dell'immagine, e Colori selezionati per tornare alle selezioni precedenti.

Estrai i colori esatti da qualsiasi immagine

Hai trovato un colore che ti piace in una foto, nello screenshot di un sito, in un logo o in un mockup, e ora ti serve il suo codice. Questo color picker per immagini funziona come un contagocce per qualsiasi foto: apri l'immagine, clicca su un pixel e ottieni il colore in formato HEX, RGB e HSL, pronto da incollare su CSS, Figma, Photoshop, Canva o PowerPoint. Una lente d'ingrandimento mostra i pixel sotto il cursore per permetterti di centrare il punto esatto, mentre una palette con i colori principali dell'immagine viene generata in automatico.

Funzionalità

  • Contagocce per qualsiasi formato di immagine supportato dal tuo browser: JPG, PNG, WebP, GIF, SVG, AVIF e HEIC.
  • Lente d'ingrandimento che ingrandisce l'area sotto il cursore pixel per pixel.
  • Codici HEX, RGB e HSL con pulsanti di copia in un clic.
  • Palette dei colori principali estratta dall'intera immagine.
  • Cronologia fino a 16 colori estratti, per poterli confrontare e recuperare.
  • Incolla screenshot direttamente dagli appunti.
  • Privato: l'immagine non lascia mai il tuo dispositivo.

Quale formato colore usare?

Formato Esempio Dove si usa
HEX #1E90FF CSS, HTML, Figma, Canva, la maggior parte dei tool di design
RGB rgb(30, 144, 255) CSS, Photoshop, app di Office, programmazione
HSL hsl(210, 100%, 56%) CSS, quando vuoi regolare luminosità o saturazione

Per convertire il colore estratto in altri formati come CMYK o HSV, o per verificarne il contrasto con il testo bianco e nero, aprilo nel Convertitore Colori.

Idee di utilizzo

Trova i colori del brand: estrai l'esatto punto di blu dal logo di un'azienda o dallo screenshot di un sito per mantenere la coerenza visiva di una presentazione.

Crea una palette: usa i colori principali di una foto come punto di partenza per il tema di un sito web, una locandina o una presentazione.

Sviluppo web: preleva i colori da un mockup grafico ricevuto come immagine anziché come file di design.

Arte digitale e creatività: trova i codici colore in una foto di riferimento per app di disegno, ricamo o schemi per la maglia.

Ottenere risultati precisi

Scegli la versione più grande e meno compressa dell'immagine a tua disposizione: gli screenshot in PNG mantengono i colori esatti, mentre le foto in JPG possono alterarli leggermente lungo i bordi. Usa la lente per ingrandire ed evita i bordi con anti-aliasing, dove i pixel sfumano tra due colori. Se ti serve solo una parte di un'immagine grande, usa prima Ritaglia Immagine per facilitare il lavoro.

Domande frequenti

Come trovo il codice HEX di un colore in un'immagine?
Apri l'immagine in questo strumento e clicca sul punto che ti interessa. Il codice HEX (come ad esempio
Posso prelevare un colore da uno screenshot?
Sì. Fai uno screenshot come al solito, poi premi Ctrl+V (o ⌘+V su Mac) su questa pagina per incollarlo direttamente — non serve prima salvarlo come file.
Come vengono calcolati i colori principali?
Lo strumento campiona una copia ridotta dell'immagine, raggruppa i colori simili ed elenca quelli più comuni, ignorando i colori quasi identici in modo che la palette mostri tonalità distinte.
Perché il colore prelevato è leggermente diverso dal design originale?
Le immagini salvate in JPG sono compresse, il che sfalsa leggermente i colori, specialmente vicino ai bordi. Anche gli screenshot possono essere influenzati dai profili colore del display. Per i colori esatti di un brand, prelevali da un PNG o controlla il file di design originale.
La mia immagine viene caricata su un server?
No. L'immagine viene aperta e letta interamente all'interno del tuo browser. Non viene inviato nulla a un server, quindi è sicuro utilizzarlo con screenshot privati e design non ancora pubblicati.
Funziona su smartphone?
Sì. Tocca l'immagine per prelevare un colore. La lente d'ingrandimento segue il tuo dito mentre tocchi l'immagine.