Selettore Colore Immagine
Carica un'immagine, poi fai clic in qualsiasi punto per leggere il colore esatto di quel pixel in HEX, RGB e HSL. Niente di ciò che carichi lascia mai il browser.
Fai clic in qualsiasi punto dell'immagine per scegliere un colore.
— — — Colori recenti
Fai clic su un pixel, ottieni il suo colore esatto
La tua immagine viene disegnata su una tela alla sua risoluzione
naturale completa — anche se viene mostrata più piccola a
schermo — così ogni clic legge dati di pixel reali e non
scalati tramite il getImageData del browser. La
posizione del clic viene prima convertita dallo spazio di
coordinate visualizzato allo spazio di coordinate reale della
tela, quindi ciò su cui clicchi è esattamente ciò che viene
campionato, indipendentemente da quanto grande o piccola appaia
l'immagine sul tuo schermo.
Esempio pratico
Clicca su un pixel rosso puro e otterrai #ff0000, rgb(255, 0, 0), e hsl(0deg, 100%, 50%). Clicca sul bianco puro e otterrai #ffffff, rgb(255, 255, 255), e hsl(0deg, 0%, 100%) — la tonalità non ha senso quando non c'è saturazione, quindi si legge semplicemente 0. Ogni colore che scegli viene anche aggiunto alla cronologia dei colori recenti sotto il campione, così puoi confrontare più selezioni dalla stessa immagine con un colpo d'occhio.
Domande frequenti
Quanto è preciso il colore campionato?
Viene letto direttamente dai dati reali dei pixel dell'immagine tramite l'API getImageData del canvas, non stimato da ciò che si vede a schermo — quindi è esatto, fino al singolo pixel su cui hai cliccato. Se l'immagine stessa è stata compressa molto (tipico del JPEG), il colore del pixel riflette ciò che la compressione ha lasciato, che può differire leggermente dal colore originale della fonte.
Perché cliccando vicino a un bordo esce a volte un colore inaspettato?
La compressione JPEG sfuma i bordi netti in una manciata di pixel di transizione, e ingrandendo un'immagine piccola visualizzata, ogni pixel dello schermo può rappresentare più pixel dell'immagine. Ingrandisci con il browser o ritaglia strettamente l'area che ti interessa per la selezione più precisa.
Cosa significa il valore alfa?
L'alfa è la trasparenza, da 0 (completamente trasparente) a 255 (completamente opaco). Varia solo nei formati che supportano la trasparenza, come PNG o WebP — un JPEG riporta sempre 255 perché il JPEG non ha affatto un canale alfa.
La mia immagine viene caricata su qualche server?
No. L'immagine viene decodificata e disegnata su una tela nel tuo browser, e ogni colore che scegli viene letto da quella tela locale con getImageData — niente viene inviato, salvato o registrato su un server.