Selettore colore da immagine online gratis
Trascina una foto, mira con la lente e copia HEX, RGB o HSL. Su un logo piatto basta un pixel. Su una foto puoi fare la media di un piccolo riquadro. Sul telefono ingrandisci e mira sopra il dito. Il file resta in questa scheda.
Trascina una foto per prendere il colore
JPG, PNG, WebP, GIF, BMP o AVIF. Un file sotto 40 MB. Incolla uno screenshot con Ctrl+V o ⌘V.
100% privato: i pixel restano in questo browser. Non si carica nulla.
Passa sulla foto. La lente mostra i pixel veri. Clic per fissare. Sul telefono, mira sopra il dito.
Colori di questo file
Colori fissati
Solo Chrome ed Edge. Questo legge lo schermo, non il file qui sopra.
100% locale
Il selettore colore da immagine gira in questo browser. La foto non esce dalla scheda.
Senza caricare
Nulla va su un server per leggere un pixel o costruire la tavolozza.
Gratis, senza account
Niente registrazione e niente filigrana sul codice. Copia HEX, RGB o HSL.
Anche su questo sito: Dividi immagine · Ritagliare foto · Sfocare immagine · Pixelare immagine · Unire immagini · Comprimi immagini
Che cos’è un selettore colore da immagine?
Un selettore colore da immagine legge il colore di un punto in un file che hai già e ti dà il codice. Prendere il colore da un’immagine, trovare il codice colore da immagine, o un colore da immagine online: il lavoro è lo stesso. Entra un fermo, esce un codice. Non è una ricerca di fotografie già blu o già arancioni, e non è un filtro che ridipinge lo scatto. Spostare la tonalità, sostituire un colore, invertire la foto: quella pagina si chiama Cambiare colore immagine, su questo sito. Qui la foto che trascini resta quella. Ti porti via HEX, RGB o HSL, non un disegno nuovo.
Le app da scrivania e le estensioni guardano il monitor. Non aprono un PNG rimasto in Download, e un browser senza lettura dello schermo non può imitarle. In un editor il campionamento di un punto si chiama contagocce. Photoshop, Canva, Word, PowerPoint e Illustrator lo tengono dentro il loro documento. Questa pagina non apre quei programmi e non li sostituisce: disegna il file su un riquadro e ne legge i pixel. Incolla uno screenshot, oppure trascina il file. Un indirizzo web non si accetta: la foto ospitata altrove di solito non si legge da questa scheda, e la pagina non carica il file su un server per aggirare il limite.
Su un logo piatto o sul riempimento di un pulsante, un solo pixel è la lettura giusta. Su una fotografia è spesso quella sbagliata. I blocchi del JPEG, il rumore della fotocamera e il bordo smussato fanno divergere i vicini, mentre l’occhio li media. 3×3 e 5×5 fanno la media di quel riquadro, così il codice si avvicina al colore che vedi. La lente disegna quei pixel veri, con la cella centrale segnata, perché il puntatore non copra il punto. Se il lato lungo supera i 2000 px, il campione usa una copia a 2000 px, e la pagina lo dice.

HEX, RGB e HSL sono lo stesso colore
Copia la scrittura che il programma dopo si aspetta. I tre codici qui sotto descrivono un solo pixel fissato.
| Format | Example | Use |
|---|---|---|
| HEX | #1A73E8 | CSS, HTML, Figma e la maggior parte degli strumenti di disegno. Sei segni dopo #. |
| RGB | rgb(26, 115, 232) | Lo stesso colore in rosso, verde e blu, da 0 a 255. |
| HSL | hsl(214, 82%, 51%) | Tonalità, saturazione e luminosità. Più comodo se poi ti serve un passo più chiaro o più scuro. |
Cosa puoi fare qui
Un file, una lente, uno zoom, una dimensione di campione e codici da copiare. La tavolozza tiene le zone grandi e anche i colori più decisi.
Una lente sui pixel veri
La griglia segue il puntatore e disegna un blocco 11 per 11 preso dal file, non uno zoom sfocato dell’anteprima. La cella centrale è il pixel che stai per fissare. Le frecce spostano di un pixel. Maiusc ne sposta dieci. Vedi la trama prima del clic, bordo grigio di un testo smussato compreso.
Intera, 2× o 4×
Intera mostra il file per intero. 2× e 4× lo ingrandiscono per colpire un segno piccolo. Trascina la foto ingrandita per spostarti, poi clicca o solleva per fissare. La lente continua a leggere i pixel del file, non quelli dello schermo intorno alla finestra.
1 px, 3×3 o 5×5
1 px è il pixel solo, per loghi e riempimenti piatti. 3×3 e 5×5 fanno la media del riquadro intorno, per le foto in cui i vicini non coincidono. I pixel trasparenti del riquadro si saltano. Uno sfondo vuoto non entra quindi nella media.
HEX, RGB, HSL e un nome vicino
Copia HEX, RGB o HSL dal colore fissato. Il nome è il nome CSS inglese più vicino per distanza RGB, per esempio steel blue o tomato. Non è il nome di un marchio stampato su una confezione, e non è tradotto in italiano.
Una tavolozza di questo file
Fino a otto campioni mescolano le zone piatte più grandi con i colori più forti, così un logo piccolo non finisce sepolto sotto un fondo bianco. Clicca un campione per fissarlo. I marroni quasi uguali si saltano. Non è una guida di marchio, non è una tavolozza inventata da un’IA e non è una mazzetta di stampa.
Come prendere il colore da un’immagine
Aggiungi il file, mira, fissa, copia. L’anteprima è il file. Non c’è un secondo passo di conversione.
Aggiungi la foto
Trascina un JPG, PNG, WebP, GIF, BMP o AVIF, oppure incolla uno screenshot. I pixel si decodificano in questa scheda. L’HEIC dell’iPhone si rifiuta: esportalo prima in JPG o PNG.

Mira e fissa
Tieni 1 px su un riempimento piatto, oppure passa a 3×3 / 5×5 su una foto. Clic per fissare. Sul telefono ingrandisci se il segno è piccolo. Il campione sta sopra il dito. Solleva per fissare.

Copia il codice
Copia HEX, RGB o HSL. Se ti serve un file e non solo un codice, scarica un PNG piatto di quel campione. La foto di partenza non viene riscritta.

Perché l’occhio e il pixel non dicono la stessa cosa
Lo scarto sta nel file, non nel clic. Questi sono i casi che la pagina ti mostra invece di nasconderli.
Il bordo di una lettera non è il riempimento
Lo smusso mescola il riempimento e lo sfondo lungo ogni contorno. Un clic su quella frangia restituisce un terzo colore. Mira al centro della zona piatta e resta su 1 px. La lente serve a vedere quella frangia prima di fissare.
Un JPEG è salvato a blocchi
Il JPEG non salva un cielo liscio come un solo codice. I pixel vicini saltano. Una lettura a 1 px cambia appena ti sposti. Una media 5×5 resta più vicina al colore che l’occhio riassume. Due clic sullo stesso cielo possono dare due HEX, ed è il file.
Uno screenshot è già compresso
Se l’immagine l’ha salvata una chat o lo strumento di cattura, il colore di marchio originale può essere già sparito. Questa pagina riferisce il file che hai aggiunto. Non ricostruisce un codice che non è più nei pixel.
Il dito copre il pixel
Sul telefono il campione sta sopra il dito, e la lente mostra quei pixel. Solleva per fissare. Se il segno è piccolo, passa a 2× o 4× e trascina la foto finché la lente ci cade sopra. Le frecce spostano di un pixel quando il mouse è troppo grosso.
Un profilo non è il numero del pixel
Photoshop può mostrare un altro HEX per lo stesso punto se il file porta Display P3 o un profilo di stampa. Questa pagina legge i pixel sRGB che il browser ha decodificato: è il numero da incollare in CSS o in Figma. Non trasforma quel numero in una prova di stampa, e non annulla uno screenshot che ha già fotografato il monitor.
Prima di fidarti del codice
- Su un logo, clicca il centro di una forma piatta. Il bordo è una miscela.
- Su una foto, parti da 5×5. Scendi a 1 px solo per un pixel esatto, come un LED isolato.
- Se due clic nello stesso cielo danno due codici HEX, quello è il file. Mediali con 5×5 invece di cercare il pixel che coincide con il ricordo.
- Il nome più vicino può dire steel blue per un blu di marchio. Incolla l’HEX nello strumento di disegno. Non incollare quel nome inglese nel CSS sperando lo stesso colore.
- Una GIF animata si legge sul primo fotogramma. Un fotogramma più avanti può avere un altro colore.
- L’HEIC di un iPhone non si apre qui. Neanche TIFF o PDF. Esporta prima un JPG o un PNG.
- Questa pagina non inventa un valore CMYK di stampa. Un pixel di schermo passato all’inchiostro non è una prova.
- Se Photoshop mostra un altro HEX, il file può portare un profilo. Questa pagina riferisce i pixel sRGB decodificati dal browser.
Tre lavori che questa pagina chiude davvero
Ogni scheda è un file che hai già, un’impostazione di campione e il limite di quella lettura.
Un logo per un foglio di stile
Hai un PNG di un segno e ti serve il riempimento nel CSS.
File: Un PNG, o un SVG esportato in PNG, con una forma di marchio piatta.
Impostazione: 1 px, mirato al centro del riempimento.
Copi: HEX, incollato in CSS o in Figma.
Limite: Il bordo smussato è un altro codice. Non cliccare il contorno.
Uno screenshot di un sito
Vedi il colore di un pulsante e non puoi aprire il foglio di stile.
File: Uno screenshot incollato dagli appunti.
Impostazione: 1 px sulla parte piatta del pulsante, non sul bordo.
Copi: HEX o RGB.
Limite: La compressione dello screenshot, e il monitor su cui è stato fatto, possono avere già spostato il codice.
Una foto di prodotto
Vuoi un colore usabile per uno sfondo tinto, non un pixel rumoroso.
File: Un JPG del prodotto.
Impostazione: 5×5 sulla materia, lontano da luci e ombre.
Copi: HSL, poi un passo più chiaro nello strumento di disegno.
Limite: Il riquadro è una media di quel punto. Non è un campione di marchio misurato.
Questa pagina e un prelievo dallo schermo
Questa pagina
Legge un file nel browser
Trascina o incolla un fermo. La lente, la dimensione del campione, l’HEX e la tavolozza escono da quel file. Niente estensione, niente programma Windows, niente account. Chrome ed Edge possono anche prendere un colore dallo schermo con lo strumento del browser. Quel comando è segnato come lettura dello schermo. Non legge il file sopra.
Un altro lavoro
Schermo, editor e filtri
Uno strumento da scrivania o un’estensione guarda il monitor. Photoshop, Canva, Word, PowerPoint e Illustrator possono campionare, ciascuno nel proprio documento. Nessuno di loro serve per leggere un codice da un file già salvato, e questa pagina non li sostituisce. Ritagliare foto, Sfocare immagine e Pixelare immagine cambiano pixel. Non ti consegnano un HEX. Dividi immagine taglia una foto in tessere. Usale quando il lavoro è un’immagine nuova, non un codice. Per ridipingere la foto, apri Cambiare colore immagine.
Domande per prendere il colore da un’immagine
Come prendere il colore da un’immagine? +
Trascina la foto su questa pagina oppure incolla uno screenshot. Sposta il puntatore finché la lente, che mostra i pixel veri, sta sul colore che vuoi. Su un riempimento piatto resta a 1 px e mira al centro. Su una foto passa a 3×3 o a 5×5 prima del clic. Clicca per fissare, poi copia HEX, RGB o HSL. La decodifica avviene in questa scheda. Sul telefono la lettura sta sopra il dito e si fissa quando sollevi.
Il colore da immagine online è gratis? +
Sì. Il colore da immagine online su questa pagina non chiede un account, una prova o una filigrana sul codice. Apri la scheda, trascini un file già sul dispositivo, copi il codice. Chiudere la scheda toglie la foto da questa pagina. Non c’è un credito da sbloccare per leggere un pixel, e non c’è un’app da installare perché la lettura avvenga. Il selettore colore da immagine e il selettore colore online, qui, sono lo stesso riquadro.
Come trovare il codice colore da immagine? +
Fissa un pixel e premi Copia HEX. Il codice ha questa forma: #1A73E8. Copia RGB e Copia HSL sono lo stesso colore nelle altre due scritture, rgb(26, 115, 232) e hsl(214, 82%, 51%). Il codice colore da immagine è quello del punto, o della media se hai scelto 3×3 o 5×5. Su una foto rumorosa metti 5×5 prima di copiare, altrimenti l’HEX salta al pixel vicino. Non è un codice indovinato da un modello.
Come rilevare il colore da un’immagine? +
Rilevare il colore da un’immagine, qui, vuol dire leggere i pixel del file, non indovinare un nome a voce. Aggiungi JPG, PNG, WebP, GIF, BMP o AVIF. La lente ti mostra il punto prima del clic. Se due zone ti sembrano uguali e i codici no, non è un errore di mira: i vicini nel JPEG non sono un appiattimento. Passa a 5×5 sulla materia, lontano da luci e ombre, e copia quel codice.
Come si ottiene il codice hex da immagine? +
Il codice hex da immagine è il HEX a sei segni, come #1A73E8. Fissa il punto e premi Copia HEX. Il codice colore hex da immagine e il selettore colore esadecimale, in questa scheda, sono quella copia. RGB e HSL restano a fianco se il programma dopo vuole un’altra scrittura. Un iPhone che ha ancora un HEIC non dà il codice finché non esporti JPG o PNG: questa pagina non apre HEIC.
La tavolozza colori immagine è fatta da un’IA? +
No. La tavolozza colori immagine di questa pagina esce dal file che hai aperto, fino a otto campioni: le zone piatte grandi e i colori più forti, così un logo piccolo non sparisce sotto il bianco. Clicca un campione per fissarlo e copiarne il codice. I quasi-duplicati si saltano. Non è una tavolozza di un’IA, non è la guida di un marchio e non è un suggerimento di stile. Un TIFF di tavolozza non si apre: salva JPG o PNG.
Come prendere il colore da un’immagine su Word? +
Questa pagina non apre Word e non mostra la barra multifunzione. Come prendere il colore da un’immagine su Word, in PowerPoint o in Excel resta un menu di quella suite. Qui leggi un file già esportato. Se il disegno è nel documento, salvalo in JPG o PNG, trascinalo, copia il codice. Non scriviamo una lezione di Word e non installiamo un programma. Lo stesso vale se cercavi lo strumento dentro l’editor: quello resta lì.
Come togliere il colore da un’immagine su Canva? +
Non lo togli qui, e non lo cambi. Come togliere il colore da un’immagine su Canva, eliminarlo, o cambiare la tinta della foto: questa pagina non ridipinge e non svuota un colore. Canva resta Canva. Per spostare la tonalità di un file già a colori, la pagina su questo sito si chiama Cambiare colore immagine. Qui prelevi solo il codice del punto che indichi. Invertire o rendere grigio è un altro strumento, non questo riquadro.
Serve un’estensione di Chrome o un programma per Windows? +
No. Quella classe di strumenti, in inglese color picker, di solito legge lo schermo. Questa pagina legge un file o uno screenshot incollato nel browser, anche in Firefox e Safari per il file. Su Chrome ed Edge, Prendi dallo schermo usa lo strumento del browser e vede solo il monitor. Quel comando non è il file sopra. Non ti serve un’estensione per il codice del file, e non sostituisci Photoshop, Canva, Illustrator o PowerPoint.
Perché due clic sulla stessa zona danno due codici? +
Una foto e un JPEG non salvano un solo codice piatto per un cielo o una maglia. I pixel vicini differiscono, per i blocchi e per il rumore. Usa 3×3 o 5×5 per fare la media di un piccolo riquadro. Su un logo resta a 1 px e clicca il centro del riempimento, non la frangia smussata. Cercare il pixel che coincide con la memoria non ripara il file. La media dice il colore che l’occhio riassume.
Il nome del colore resta in inglese? +
Sì. La pagina mostra il nome CSS inglese più vicino, come steel blue o tomato. È una vicinanza per distanza RGB, non il nome di un marchio, e la parola non è tradotta. Se la scrivi nel CSS non torni allo stesso HEX. Incolla il codice. Un blu di marchio può quindi chiamarsi steel blue senza che il marchio si chiami così. Il nome è un’etichetta, il codice è la misura.
La foto viene caricata? +
No. Il browser decodifica il file e legge i pixel su questo dispositivo. Chiudere la scheda lo cancella da questa pagina. La lettura non è legata a un account. Nulla viene caricato per costruire la tavolozza, per copiare l’HEX o per scaricare il PNG del campione. È la stessa regola degli altri strumenti di questo sito che restano nella scheda.
Posso incollare uno screenshot? +
Sì. Copia lo screenshot, entra in questa pagina e incolla, con Ctrl+V o ⌘V. I pixel incollati si leggono come un file. Sul telefono, se incolla non compare, usa la scelta del file. Lo screenshot ha già la compressione e il monitor di origine: il codice è quello di quell’immagine, non quello di un foglio di stile che non hai.
Posso incollare un indirizzo web? +
No. Una foto ospitata su un altro sito di solito non si legge da questa scheda, e questa pagina non carica il tuo file su un server per andarla a prendere. Salva l’immagine, poi trascina quel file. Neanche il PDF entra: non sono pixel di una foto. Cattura colore da immagine, in questo riquadro, significa un file già sul dispositivo, non un indirizzo.
Mi dai un valore CMYK per la stampa? +
No. Convertire un pixel di schermo in CMYK non è una prova di stampa. Carta, profilo e macchina non sono in questa scheda. Copia HEX o RGB e fai la conversione nel programma che conosce la tiratura. Questa pagina non fabbrica percentuali d’inchiostro e non sostiene che un monitor calibrato sostituisca la prova. Il selettore colore RGB che copi qui resta un numero di schermo.
Funziona sul telefono? +
Sì. Il campione sta sopra il dito, e il colore si fissa quando sollevi. Usa 2× o 4× quando il segno è piccolo, poi trascina la foto per spostarti. Se il lato lungo supera i 2000 px, il campione usa una copia a 2000 px, così la scheda resta usabile, e la pagina lo dice quando succede. I codici sono quelli di quella copia, non quelli di un file più grande che non hai sotto gli occhi.
Perché Photoshop mostra un altro HEX? +
Il file può portare un profilo colore. Photoshop può mostrare il numero dentro quel profilo, Display P3 o un profilo di stampa. Questa pagina legge i pixel sRGB dopo che il browser decodifica il file, cioè il valore da incollare in CSS o in Figma. Uno screenshot va un passo oltre: sono già i pixel del monitor. Nessuna delle due letture è una prova CMYK. Se il numero in Photoshop ti sembra sbagliato, il profilo è il primo posto da guardare, non un clic andato a vuoto.
Prendi il colore dalla tua immagine
Trascina una foto o incolla uno screenshot. Fissa un pixel. Copia il codice. Il file resta su questo dispositivo.
Prendi il colore