Carica un'immagine e fai clic su un pixel qualsiasi per ottenerne HEX, RGB e HSL esatti — elaborato interamente sul tuo dispositivo.
Un selettore di colore da immagine risponde a una domanda molto comune: che colore ha esattamente quel pixel? Un logo che hai ricevuto in PNG, lo screenshot del sito di qualcun altro, una foto di cui vuoi riprendere il cielo in un gradiente — in tutti questi casi il colore è lì sullo schermo, ma il codice no. Questo strumento carica l'immagine in un canvas sulla tua macchina e ne rilegge i valori dei pixel grezzi.
La meccanica è semplice e vale la pena conoscerla. Il file viene letto con FileReader come Data URI, disegnato una volta in un canvas alla sua risoluzione nativa, e ogni lettura è una chiamata getImageData su un singolo pixel — gli stessi quattro byte (rosso, verde, blu, alpha) che il browser tiene già in memoria. Poiché il canvas conserva la risoluzione originale mentre la pagina la mostra ridimensionata, le coordinate del puntatore vengono riconvertite in coordinate dell'immagine prima della lettura, così il pixel su cui fai clic è il pixel che ottieni anche in una foto larga 4000 pixel. La lente ridisegna un intorno di undici per undici pixel con lo smoothing disattivato, ed è per questo che vedi quadrati netti invece di una sfocatura; l'HSL è ricavato dalla terna RGB con la formula standard dei settori di tonalità. Se un pixel è completamente trasparente lo strumento te lo dice, invece di riportare un nero privo di significato.
Oltre alle immagini, i browser Chromium espongono la API nativa EyeDropper: dove il tuo browser la supporta, un secondo pulsante ti permette di campionare qualsiasi pixel dell'intero schermo — utile per colori intrappolati in un video, in un lettore PDF o in un'altra applicazione. Le ultime otto catture restano in una riga di campioni su cui puoi fare clic per copiarli, e l'intero insieme può essere scaricato come semplice file di testo con HEX, RGB e HSL di ciascuno. La tua immagine non viene mai caricata: è letta in locale, disegnata in locale e scartata quando chiudi la pagina.
No. Il file viene letto dal tuo browser con FileReader e disegnato in un canvas sul tuo dispositivo. Non viene mai inviato a un server e sparisce nel momento in cui chiudi la scheda.
PNG, JPEG e WebP — tutto ciò che il tuo browser sa decodificare. Sono accettate immagini fino a 8000 pixel per lato; i file più grandi vengono rifiutati per non esaurire con il canvas la memoria del tuo dispositivo.
Usa la API nativa EyeDropper del browser per campionare qualsiasi pixel sullo schermo, non solo all'interno dell'immagine caricata. Compare nei browser Chromium come Chrome, Edge, Opera e Brave; Firefox e Safari non la supportano ancora, quindi lì il pulsante semplicemente non viene mostrato.
Di solito per uno di due motivi. La compressione JPEG altera i pixel vicini ai bordi netti, e il browser può applicare il profilo colore incorporato nell'immagine durante la decodifica. Per i colori piatti di un brand salvati in PNG, il valore che ottieni è esatto.
Non automaticamente: questo strumento cattura un clic alla volta e conserva gli ultimi otto colori, che puoi scaricare come file di testo. Campionare le aree dominanti di un'immagine di solito basta a ricostruire la palette di un brand.
Vai.la trasforma qualsiasi URL in un link breve con statistiche dei clic, QR Code e il tuo biolink personale.
Vai.la non è responsabile dell'uso degli strumenti né delle decisioni prese in base ai loro risultati.