Come usare Selettore colore da immagine
- 1
Apri un'immagine
Trascina, scegli o incolla uno screenshot, una foto o un logo fino a 25 MB: JPG, PNG, WebP, AVIF, HEIC, GIF o SVG.
- 2
Punta con la lente
Passa o trascina il cursore sull'immagine: una lente da 11 × 11 pixel mostra il pixel esatto sotto il mirino e il suo codice HEX.
- 3
Clicca per selezionare
Ottieni i valori HEX, RGB, HSL e OKLCH, ognuno con il suo pulsante di copia. Con i tasti freccia sposti il mirino e con Invio selezioni.
- 4
Prendi la palette
Scegli da 5 a 12 colori dominanti e copiali come variabili CSS, JSON o blocco tema di Tailwind.
Limiti e Pro
Un'immagine alla volta, fino a 25 MB, con selezioni illimitate, da 5 a 12 colori di palette e una cronologia di 24 colori.
Con Pro puoi campionare immagini fino a 4 GB. Scopri Pro
Informazioni su Selettore colore da immagine
Il selettore di colori da immagine legge il valore esatto di qualsiasi pixel di una foto e trasforma l'intera immagine in una palette. Ogni selezione restituisce il colore in quattro notazioni: HEX per gli strumenti di design, rgb() e hsl() per il CSS, e oklch() per il lavoro moderno sui colori in CSS, dove luminosità e croma si comportano come si aspetta l'occhio. I colori selezionati finiscono in una cronologia degli ultimi 24, conservata in questo browser così li ritrovi la volta dopo; in Chrome e Edge su desktop, Scegli dallo schermo preleva anche qualsiasi colore fuori dalla pagina tramite il contagocce del browser.
La palette viene calcolata con il clustering k-means nello spazio colore OKLab su una copia dell'immagine ridotta a un massimo di 200 pixel sul lato più lungo. I cluster simili vengono uniti, i pixel trasparenti vengono ignorati e i colori sono ordinati in base a quanta parte dell'immagine occupano, con la percentuale indicata su ogni campione. La stessa immagine produce sempre la stessa palette.
Chi lavora nel design lo usa per ritrovare il colore di un brand da un logo, creare un tema a partire da una foto, controllare il colore esatto di un pulsante in uno screenshot o raccogliere un moodboard. I valori sono sRGB standard, così come il browser mostra l'immagine: un artefatto JPG o una sorgente a gamma estesa possono quindi spostare un colore di qualche unità rispetto al file di design originale. I pixel semitrasparenti restituiscono il loro colore senza la trasparenza, e lo strumento non assegna nomi ai colori né verifica i rapporti di contrasto.
Privacy
L'immagine viene decodificata e campionata in questa scheda e il clustering della palette gira in un piccolo Web Worker creato dopo che l'hai aperta: nulla viene caricato. La cronologia dei colori è salvata solo nella memoria locale di questo browser, e Scegli dallo schermo usa il contagocce integrato nel browser, che condivide con questa pagina soltanto il singolo colore scelto.
Funzionalità
Lente precisa al pixel
Una lente da 11 × 11 pixel con spostamento da tastiera per selezioni precise con mouse e touch.
Palette dominante
Da 5 a 12 colori con k-means in OKLab, ordinati per quota dell'immagine.
Esportazioni per sviluppatori
Valori HEX, RGB, HSL e OKLCH più variabili CSS, JSON o un blocco @theme di Tailwind.
Cronologia dei colori
Le ultime 24 selezioni restano in questo browser, pronte da copiare come elenco.