Preleva i colori da un'immagine
Selettore di colore da immagine
Il Selettore di colore da immagine restituisce il codice colore esatto di ogni pixel su cui clicchi in un'immagine. Una lente d'ingrandimento mostra i pixel sotto il puntatore, e ogni colore prelevato include i valori HEX, RGB, HSL, HSB, OKLCH, Lab e CMYK.
- Gratis, senza registrazione
- Le immagini non lasciano mai il tuo dispositivo
- Colori esatti dei pixel
Trascina un'immagine per prelevare i colori
oppure incolla con Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Fino a 20 immagini.
Come si preleva un colore da un'immagine?
Per prelevare un colore da un'immagine, apri l'immagine nel selettore e clicca il pixel che ti interessa.
Apri un'immagine
Trascina, incolla o scegli un file JPG, PNG, WebP, GIF, AVIF o SVG. L'immagine resta sul tuo dispositivo.
Mira con la lente
Muovi il puntatore sull'immagine. La lente ingrandisce l'area di 11 per 11 pixel attorno al puntatore e contorna il pixel sottostante.
Clicca per prelevare
Clicca o tocca per aggiungere il colore del pixel ai colori prelevati. Trascina un segnaposto per spostarlo, oppure spostalo di poco con i tasti freccia.
Copia il codice
Copia qualsiasi codice con un clic, oppure esporta tutti i colori prelevati in CSS, Tailwind, Adobe, Procreate e altri formati.
Quanto è esatto il colore prelevato?
Ogni prelievo restituisce il valore di un pixel reale. Il selettore legge l'immagine fino a 2048 pixel sul lato più lungo senza smussatura, quindi nessuna media altera il valore.
I pixel vicini in una foto spesso differiscono, perché illuminazione, texture e compressione JPEG aggiungono piccole variazioni. Per il colore di un'intera area, usa l'Estrattore di palette di colori con l'impostazione Media.
Quali codici colore mostra il selettore?
Il selettore mostra sette codici per ogni colore prelevato, ciascuno con un pulsante di copia.
- HEX
- Codice a sei cifre per CSS e app di design
- RGB
- Canali rosso, verde e blu da 0 a 255
- HSL
- Tonalità, saturazione e luminosità per CSS
- HSB
- Tonalità, saturazione e brillantezza per i selettori di colore delle app
- OKLCH
- Luminosità percettiva, croma e tonalità per il CSS moderno
- CIE Lab
- Luminosità e due assi di colore, come
lab()in CSS - CMYK
- Stima di stampa senza un profilo della stampante
- Contrasto
- Rapporto WCAG 2 con il bianco e con il nero
Quando conviene usare il selettore invece dell'estrattore di palette?
| Attività | Strumento |
|---|---|
| Trovare il codice di un punto specifico, come un pulsante o un dettaglio | Selettore di colore da immagine |
| Ottenere i colori principali di un'intera immagine | Estrattore di palette di colori |
| Ottenere i colori esatti di un logo senza sfumature dei bordi | Estrattore di colori da logo |
| Ottenere i colori di un sito web dal suo codice | Estrattore di colori da sito web |
A cosa serve un selettore di colore da immagine?
Abbinamento dei colori
Abbina il colore di una vernice, di un tessuto o di un prodotto da una foto per un layout di stampa o web.
Web design
Copia il colore esatto di un pulsante o di uno sfondo dallo screenshot di un design.
Lavoro sul brand
Preleva un colore del brand dalla foto di una confezione o di un'insegna come punto di partenza.
Controlli di accessibilità
Leggi il contrasto di un colore del testo prelevato con il bianco e con il nero nella scheda Codici colore.
Domande frequenti sul selettore di colore da immagine
Come ottengo il codice HEX di un colore in una foto?
Apri la foto nel Selettore di colore da immagine e clicca il colore. Il codice HEX appare subito, con un pulsante di copia accanto.
Posso prelevare i colori da uno smartphone?
Sì. Tocca l'immagine per prelevare un pixel, poi trascina il suo segnaposto per regolare la posizione.
Perché lo stesso oggetto mostra codici HEX diversi?
Illuminazione, ombre e compressione danno ai pixel vicini valori diversi. Preleva dall'area più uniforme dell'oggetto, oppure calcola la media dell'area con l'estrattore di palette.
Posso prelevare i colori da uno screenshot?
Sì. Fai uno screenshot e incollalo nella pagina con Ctrl+V o Command+V.
C'è un limite ai prelievi?
No. Preleva tutti i colori che ti servono. Le esportazioni Procreate contengono i primi 30 colori, e i formati di codice li contengono tutti.