🎨 Campionatore Colore da Immagine

Estrai il codice colore (HEX, RGB, HSL) da qualsiasi punto di un'immagine.

Trascina qui un'immagine o clicca per selezionarla

Carica un'immagine per iniziare

Colore Selezionato

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0, 0%, 100%)

Campionatore Colore da Immagine Online Gratuito

Il Campionatore Colore di ToolFast ti permette di estrarre facilmente i codici colore (HEX, RGB, HSL) da qualsiasi punto di un'immagine. Carica la tua immagine e clicca sul punto desiderato per ottenere istantaneamente le informazioni sul colore. È uno strumento indispensabile per designer, sviluppatori web e chiunque lavori con la grafica.

Come funziona?

Questo strumento sfrutta due approcci per la selezione del colore, garantendo compatibilità e precisione:

EyeDropper API (Browser Moderni): Se il tuo browser supporta la EyeDropper API (come Chrome, Edge, Opera), il tool attiverà un selettore di colore nativo del sistema operativo. Questo ti permette di campionare colori non solo dall'immagine caricata, ma da qualsiasi punto dello schermo.
Fallback su Canvas (Tutti i Browser): Per i browser che non supportano l'EyeDropper API o come alternativa, l'immagine viene disegnata su un elemento <canvas> nascosto. Al click del mouse sull'immagine visualizzata, il JavaScript utilizza il metodo context.getImageData(x, y, 1, 1).data per leggere i valori esatti dei canali Rosso, Verde e Blu (RGB) di quel singolo pixel. Questi valori vengono poi convertiti nei formati HEX e HSL.

Tutta l'elaborazione avviene localmente nel tuo browser, garantendo la massima privacy e velocità.

Caratteristiche principali:

Selezione Precisa: Ottieni il codice colore esatto del pixel selezionato.
Formati Multipli: Visualizza il colore in HEX, RGB e HSL.
Supporto EyeDropper API: Utilizza il selettore nativo del sistema operativo per la massima comodità (se supportato dal browser).
Caricamento Immagini Flessibile: Trascina e rilascia o seleziona file immagine.
Nessun Upload: Le tue immagini non lasciano mai il tuo browser, garantendo privacy e sicurezza.
Veloce e Gratuito: Funziona istantaneamente e non richiede registrazioni o pagamenti.

Quando usare il Campionatore Colore di ToolFast?

Identificare i colori esatti da loghi, grafici o foto.
Garantire la coerenza cromatica nei tuoi progetti di design.
Estrarre palette di colori da immagini ispirazionali.
Verificare i colori di elementi web o applicazioni.
Convertire rapidamente tra i formati HEX, RGB e HSL.

Dopo aver estratto un colore, puoi esplorare palette abbinate o verificarne il contrasto con i nostri Color Tools.

Domande frequenti

Le immagini caricate vengono inviate a un server?

No, tutto avviene localmente nel tuo browser tramite Canvas o EyeDropper API. Le immagini non vengono mai caricate su server esterni.

Cosa succede se il mio browser non supporta l'EyeDropper API?

Viene usato automaticamente il fallback su canvas, che funziona su tutti i browser moderni con la stessa precisione.

Posso campionare colori fuori dall'immagine caricata?

Solo con l'EyeDropper API (su browser compatibili come Chrome ed Edge) puoi campionare qualsiasi punto dello schermo; con il fallback canvas puoi campionare solo l'immagine caricata.

In che formati ottengo il colore?

HEX, RGB e HSL vengono mostrati simultaneamente, pronti da copiare con un click.