pixel → HEX · RGB · HSL
Selettore colori da immagine
Fai clic su un pixel di un'immagine per leggerne il colore: un pixel di #0060fd si legge come rgb(0, 96, 253) e hsl(217, 100%, 50%). Aggiungi un'immagine per prelevare i colori dalla tua.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Scegli con un clic, un tocco o i tasti freccia. L'immagine viene disegnata solo in questa scheda e non viene mai caricata.
Scanned by 
NortonTM Safe Web
In breve
- Prezzo
- Nessun costo
- Account
- Non serve
- Caricamento
- Nessuno — l'immagine viene disegnata nella scheda del browser e nulla viene inviato altrove
- Formati
- PNG, JPEG, WebP, GIF, AVIF, BMP e SVG, nella misura in cui il tuo browser li decodifica
- Dimensione immagine
- Disegnata fino a 1600 pixel sul lato più lungo; file fino a 200 MB e 120 milioni di pixel
- Palette
- Sei colori dominanti con median cut su circa 20,000 pixel campionati
Colori prelevati e funzionamento della palette
Queste righe sono state prodotte dallo stesso codice dello strumento. La tabella della palette usa un'immagine di 4 × 4 pixel con dodici pixel blu e quattro pixel bianchi.
| Colore del pixel | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Colore della palette | Quota di pixel |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Come prelevare un colore da un'immagine
Aggiungi un'immagine
Trascina un file PNG, JPEG, WebP, GIF, AVIF, BMP o SVG sul riquadro, sceglilo con Sfoglia oppure incolla un'immagine dagli appunti. Finché non aggiungi la tua viene mostrata un'immagine di esempio.
Fai clic, tocca o usa i tasti freccia
Fai clic o tocca un punto, oppure trascina sull'immagine. Con l'immagine in primo piano, i tasti freccia spostano il mirino di un pixel alla volta e Maiusc con una freccia lo sposta di dieci pixel. I riquadri mostrano il colore in HEX, RGB e HSL.
Copia un colore o una voce della palette
Premi Copia su un riquadro, oppure premi un campione della palette per copiarne il codice HEX. La palette elenca i sei colori dominanti dell'intera immagine con la quota di immagine che ciascuno copre.
Come vengono letti i colori
Il browser decodifica il file e la pagina lo disegna su un elemento canvas in questa scheda. Un'immagine più grande di 1600 pixel sul lato più lungo viene ridotta per adattarsi, quindi un colore letto da un'immagine molto grande proviene dalla copia ridotta, in cui i pixel vicini sono stati mediati. La pagina chiede poi al canvas i valori di rosso, verde, blu e alfa del singolo pixel sotto il mirino e li stampa come HEX, RGB e HSL. Un pixel con trasparenza viene stampato con il suo valore alfa. Un canvas memorizza i colori moltiplicati per l'alfa, quindi un canale di un pixel parzialmente trasparente può risultare sfasato di un'unità: 200 si legge come 199 al 50% di opacità.
La palette usa il median cut. La pagina guarda un pixel ogni n, al massimo circa 20,000, ed esclude i pixel più che per metà trasparenti. Mette questi colori in un unico riquadro e lo taglia ripetutamente, scegliendo il riquadro con la maggiore dispersione in un canale e dividendolo alla mediana di quel canale, finché i riquadri sono sei o nessun riquadro contiene due colori diversi. Ogni riquadro viene mostrato come la media dei suoi pixel, con la quota di pixel campionati che contiene, dal più grande al più piccolo. Il risultato è sempre lo stesso per la stessa immagine. Un'immagine con meno di sei colori distinti dà una palette più corta, e le immagini animate vengono lette come una singola immagine fissa.
Domande sul selettore colori da immagine
Come si ottiene il codice HEX di un colore in un'immagine?
Aggiungi l'immagine, poi fai clic sul punto che vuoi. Il riquadro HEX mostra il codice di quel pixel, ad esempio #0060fd, e Copia lo mette negli appunti. Per ottenere i colori principali senza scegliere un punto, premi invece un campione della palette.
Quali formati di immagine funzionano?
PNG, JPEG, WebP, GIF, AVIF, BMP e SVG, purché il tuo browser sia in grado di decodificarli. AVIF dipende dalla versione del browser. Altri file, come PDF o TIFF, vengono rifiutati con un messaggio. Vengono rifiutati anche i file oltre 200 MB o oltre 120 milioni di pixel.
Come vengono scelti i sei colori della palette?
Con il median cut su un campione di circa 20,000 pixel: i colori vengono divisi in riquadri alla mediana del canale più ampio finché sono sei, e ogni riquadro diventa la media dei suoi pixel. La percentuale sotto ogni campione è la quota dei pixel campionati in quel riquadro. I pixel in gran parte trasparenti vengono saltati.
Perché due pixel vicini danno colori leggermente diversi?
Le foto e le immagini compresse come JPEG variano un poco da pixel a pixel, quindi due punti che sembrano uguali possono differire di qualche unità per canale. Fai clic su più punti, oppure usa la palette, che media molti pixel, quando vuoi un colore rappresentativo.
La mia immagine viene caricata da qualche parte?
No. Il file viene decodificato e disegnato dal tuo browser in questa scheda, i colori vengono letti da quel disegno e nulla viene inviato a un server. Chiudendo o ricaricando la pagina l'immagine viene scartata.
A che cosa serve il pulsante del selettore dello schermo?
Nei browser che offrono la funzione EyeDropper, il pulsante ti permette di fare clic su qualsiasi punto dello schermo, anche in altre finestre, e ne mostra il colore. I browser senza questa funzione non mostrano il pulsante; il selettore sull'immagine funziona ovunque.