Selettore di colore da immagine - Ottieni il codice HEX di qualsiasi pixel

Carica un'immagine, punta un pixel qualsiasi e leggine i valori esatti in HEX, RGB e HSL. Una lente con griglia di pixel mostra cosa c'è sotto il mirino, i tasti freccia spostano il campione di un pixel alla volta e nulla esce dal tuo browser.

Trascina le immagini qui o clicca per caricare

Supporta JPG, PNG, GIF, WEBP, SVG

Perché prelevare un singolo colore da un'immagine

Quasi tutte le domande sul colore riguardano un punto preciso, non l'immagine nel suo insieme. Qualcuno ti passa lo screenshot di un design approvato e ti serve il riempimento esatto del pulsante per riprodurlo in CSS. Un cliente ti manda il JPG del suo logo e ti serve il rosso del marchio prima di poterci costruire attorno qualsiasi cosa. Stai abbinando la serie di un grafico al colore dell'intestazione di una presentazione. Stai verificando se due campioni che in una foto sembrano identici lo sono davvero, oppure se uno è due gradini più scuro. In tutti questi casi una tavolozza automatica è la risposta sbagliata: restituirebbe i sei colori che coprono più superficie, mentre il colore che ti serve potrebbe essere un accento da 40 pixel che nessun algoritmo di clustering porterebbe mai a galla. Poter puntare il pixel è tutto il lavoro. È anche la strada più rapida quando il file sorgente non c'è più. I design system si allontanano dall'originale, i file di progetto si perdono, e un'esportazione PNG appiattita è spesso l'unica traccia rimasta di quale fosse un colore. Rileggerlo richiede un secondo e non ha bisogno di alcun software di design installato. Lo stesso vale per lavori in cui non c'è mai stato un designer: un fotografo che campiona un incarnato prima della correzione colore, uno sviluppatore che copia un colore di sfondo dallo screenshot di una segnalazione di bug, un insegnante che estrae i colori di un dipinto per una scheda didattica. Poiché tutto gira in locale, mockup non ancora pubblicati e screenshot interni non lasciano mai la tua macchina.

Recupera il riempimento esatto di un pulsante, di un badge o di un logo da uno screenshot appiattito quando il file sorgente non c'è più

Punta il pixel che ti interessa, invece di accontentarti dei colori che una tavolozza automatica considera dominanti

Centra un bordo da un pixel o un contorno sottile con antialiasing grazie ai tasti freccia e a una lente da 13 per 13 pixel

Copia lo stesso pixel come HEX, RGB o HSL, più HEXA e RGBA quando porta con sé trasparenza

Come ricavare un colore da un'immagine

Quattro passaggi, senza account né installazioni. I file vengono letti direttamente dalla pagina: nulla viene caricato su un server.

Trascina un'immagine sull'area di caricamento, scegli un file oppure incollane uno direttamente dagli appunti. Funzionano JPG, PNG, WebP, GIF e SVG.

Muovi il puntatore sull'immagine. La lente mostra la griglia di pixel attorno al mirino e il pannello si aggiorna dal vivo. Su schermo touch tieni premuto e trascina: la lente sta sopra il dito, così non viene mai coperta.

Affina con i tasti freccia o con le frecce a schermo: una pressione sposta il campione esattamente di un pixel dell'originale. Passa alla dimensione reale se l'immagine viene rimpicciolita per rientrare nella colonna.

Clicca, tocca o premi Invio per conservare il colore, poi copiane il valore HEX, RGB o HSL. I colori conservati restano nell'elenco dei recenti, così puoi ricopiarli quando vuoi.

Domande frequenti

Tre fattori possono far divergere il valore. Primo: quando un'immagine viene disegnata su un canvas, la maggior parte dei browser ignora il profilo ICC incorporato, quindi una foto marcata Display P3 o Adobe RGB viene letta come se i suoi numeri fossero sRGB, mentre un editor con gestione del colore come Photoshop applica il profilo e riporta un valore diverso. Secondo: il tuo monitor rende l'sRGB attraverso il proprio gamut e la propria calibrazione, quindi lo stesso valore appare diverso su due schermi. Terzo: la compressione con perdita di un JPG modifica realmente i valori dei pixel vicino ai bordi, quindi quella che sembra un'area uniforme può contenere diversi colori leggermente diversi. Il numero mostrato qui è il byte effettivamente memorizzato, cioè quello che CSS e codice riprodurranno.

Il canvas restituisce il colore non premoltiplicato, cioè RGB e alfa sono memorizzati separatamente. Un pixel creato come bianco al 50 percento sul nulla torna indietro come rgb(255, 255, 255) con alfa 128, un valore che non compare mai a schermo. Ogni volta che l'alfa è inferiore a 255 lo strumento mostra i valori grezzi, le forme HEXA a 8 cifre e RGBA e, in più, il colore in cui quel pixel si risolve su uno sfondo bianco, che di solito è il numero che volevi davvero.

Questa pagina campiona il pixel che punti tu. La pagina della tavolozza analizza l'intera immagine, la quantizza in cluster e restituisce i quattro-dieci colori che la dominano, ordinati per quanta parte dell'immagine coprono. Usa questo strumento quando sai già quale punto ti interessa: un logo, un pulsante, una singola foglia. Usa la pagina della tavolozza quando vuoi una combinazione ricavata dall'immagine nel suo insieme e non hai in mente un pixel preciso.

No. Il file viene letto dalla pagina stessa, decodificato in un canvas nella tua scheda e campionato lì. Nessuna copia viene inviata a un server, non viene memorizzato nulla, e l'elenco dei colori recenti vive solo nella scheda aperta e sparisce quando la chiudi. Conta per i mockup non ancora pubblicati, le dashboard interne e qualsiasi altra cosa che non incolleresti in un modulo web qualunque.

Tieni premuto e trascina invece di toccare e basta. La lente viene disegnata sopra il punto di contatto anziché sotto, così puoi vedere la griglia di pixel mentre il dito è ancora sullo schermo, e il campione segue il trascinamento. Per l'ultimo pixel o due, usa il pad direzionale a schermo: ogni pressione sposta il campione esattamente di un pixel dell'originale, cosa che nessun polpastrello sa fare. Solleva il dito o premi il pulsante di conferma per conservare il colore.

Sì. I browser limitano l'area totale del canvas a circa 16,7 milioni di pixel (all'incirca 4096 per 4096), quindi un file da 24 o 50 megapixel non può essere mostrato come un unico canvas a piena risoluzione, e l'anteprima viene disegnata più piccola con una nota che lo segnala. Il campionamento non passa da quell'anteprima. Ogni lettura ridisegna soltanto una piccola finestra attorno al puntatore, presa dal file decodificato in scala 1 a 1, quindi il pixel che ottieni è il pixel del file. Non serve ritagliare prima l'immagine, e un dettaglio da un solo pixel in una foto da 50 megapixel si legge esattamente com'è stato creato, senza confondersi con i pixel vicini.

Sì, con un'avvertenza per ciascuno. Una GIF animata viene disegnata solo nel suo primo fotogramma, quindi i colori che compaiono più avanti nell'animazione non sono raggiungibili: esporta prima il fotogramma che ti serve. Un SVG viene rasterizzato prima del campionamento, quindi ottieni il colore del risultato disegnato, comprensivo di eventuali opacità, filtri o gradienti applicati alla forma, e non il riempimento grezzo scritto nel markup. Se l'SVG non dichiara una dimensione propria, viene rasterizzato a 1024 pixel di larghezza.

Descrivono tutti lo stesso pixel, quindi dipende da dove lo stai incollando. HEX è la forma compatta che la maggior parte degli strumenti di design e dei fogli di stile si aspetta. RGB è più leggibile quando devi ritoccare un singolo canale o confrontare numericamente due colori. HSL è quello da copiare quando vuoi una variazione anziché il colore esatto: mantieni tonalità e saturazione, cambia la luminosità e ottieni una tinta o un'ombra coordinata. Quando il pixel porta trasparenza compaiono anche un valore HEXA a 8 cifre e uno RGBA.

Altri Strumenti per Immagini

Esplora altri potenti strumenti per le tue esigenze di modifica immagini

Perché prelevare un singolo colore da un'immagine

Come ricavare un colore da un'immagine

Domande frequenti

Altri Strumenti per Immagini

Comprimi Immagine

Ridimensiona

Ritaglia Immagine

Converti Formato

Editor Foto

Ruota Immagine

Capovolgi Immagine

Aggiungi Filigrana

Aggiungi Bordo

Angoli Arrotondati

Filtri

Sfoca Volto

Mosaico

Rimuovi Sfondo

Migliora Immagine

Aggiungi Testo

Collage

HTML a Immagine

GIF in Sequenza

Ritaglia immagini

Rinomina immagini in blocco

Ritaglio Circolare

Bianco e Nero

Dividi Immagine

Unisci Immagini

Cambia DPI

Immagine in Base64

Immagine in PDF

Da HEIC a JPG

Rimuovi dati EXIF

Generatore di Favicon

Tavolozza Colori

Base64 in Immagine

Da HEIC a PNG

Testo dietro l'immagine

Crea Firma

Rimuovi Sfondo dalla Firma

Sfondo Trasparente

Generatore di Meme

Upscaler di Immagini

PDF in JPG

PDF in PNG

Foto Tessera