Estrarre una specifica tonalità da una foto per usarla in un design. Abbinare un colore di accento UI a un asset di brand di cui non hai l'hex. Estrarre singoli colori brand da un'immagine logo, clic per clic. Costruire una palette moodboard da un fotogramma o opera d'arte. Verificare che due regioni di un'immagine siano davvero lo stesso colore (vs sembrare simili ma differire nei pixel).

Anti-aliasing sul testo. Le lettere hanno bordi morbidi che non rappresentano il colore "inchiostro" sottostante. Clicca al centro di un tratto spesso, non su un bordo. Artefatti JPEG. Le foto molto compresse driftano in colore in regioni apparentemente piatte. Se hai bisogno di un colore pulito, preferisci sorgenti PNG. Immagine scalata per la visualizzazione. Immagini molto grandi vengono ridotte a ~700px di larghezza. Il pixel che clicchi viene dal canvas mostrato, non dall'originale. Per estrazione pixel-perfect di un elemento piccolo, croppa prima di caricare. HSL è derivato, non memorizzato. Il browser memorizza RGB; HSL è solo un altro modo di descrivere lo stesso colore. I round-trip possono introdurre piccoli drift per l'arrotondamento.

Selettore di colore da immagine

Carica un'immagine e clicca ovunque per ottenere hex, RGB e HSL di quel pixel. Costruisci una palette personalizzata cliccando più punti. Browser puro, niente upload.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

A cosa serve?

Questo strumento trasforma qualsiasi immagine caricata in una sorgente di colore cliccabile. Passa il mouse ovunque per leggere l'esatto pixel sotto il cursore in hex, RGB e HSL — con una lente d'ingrandimento che zooma 8× così puoi pickare pixel con precisione senza strizzare gli occhi. Clicca per bloccare un colore in una palette personalizzata: costruisci la palette cliccando più punti. Clicca uno swatch nella palette per rimuoverlo. L'immagine non lascia mai il browser.

Quando usarlo

Estrarre una specifica tonalità da una foto per usarla in un design.
Abbinare un colore di accento UI a un asset di brand di cui non hai l'hex.
Estrarre singoli colori brand da un'immagine logo, clic per clic.
Costruire una palette moodboard da un fotogramma o opera d'arte.
Verificare che due regioni di un'immagine siano davvero lo stesso colore (vs sembrare simili ma differire nei pixel).

Come funziona la precisione

Il sampling a 1 pixel è esatto ma rumoroso — bordi antialiasati, artefatti JPEG e rendering subpixel fanno divergere leggermente i vicini. La lente 8× ti lascia vedere e cliccare il pixel specifico che intendi, invece di affidarti alla media. Per l'estrazione di colori brand conta; per il moodboard puoi ignorarlo.

Errori comuni

Anti-aliasing sul testo. Le lettere hanno bordi morbidi che non rappresentano il colore "inchiostro" sottostante. Clicca al centro di un tratto spesso, non su un bordo.
Artefatti JPEG. Le foto molto compresse driftano in colore in regioni apparentemente piatte. Se hai bisogno di un colore pulito, preferisci sorgenti PNG.
Immagine scalata per la visualizzazione. Immagini molto grandi vengono ridotte a ~700px di larghezza. Il pixel che clicchi viene dal canvas mostrato, non dall'originale. Per estrazione pixel-perfect di un elemento piccolo, croppa prima di caricare.
HSL è derivato, non memorizzato. Il browser memorizza RGB; HSL è solo un altro modo di descrivere lo stesso colore. I round-trip possono introdurre piccoli drift per l'arrotondamento.