Come prelevare colore da immagine in HEX, RGB e HSL

Estrai rapidamente i valori colore da immagini, senza upload.

🖼️ → 🎨
Trascina qui un'immagine o clicca per scegliereJPG · PNG · WebP

Come funziona il prelievo colore

Il tool consente di selezionare un'immagine dal proprio dispositivo e visualizzarla nel browser. Basta cliccare su un punto qualsiasi della foto per ottenere il colore del pixel, riportato nei formati HEX, RGB e HSL. Tutti i calcoli e le conversioni sono eseguiti istantaneamente e localmente, grazie all'uso del canvas HTML5 e delle funzioni JavaScript.

Il risultato mostra il valore del colore scelto, utile per inserirlo in progetti di design, CSS o per verificare la resa cromatica di un'immagine digitale.

Limiti e precisione nella rilevazione

La rilevazione del colore avviene solo sulle immagini caricate dall'utente: non è possibile campionare pixel da altre finestre, applicazioni o siti web. I colori letti possono variare leggermente dalla visualizzazione originale, specialmente se l'immagine è in formato JPEG e presenta compressione.

L'alpha channel (trasparenza) viene rilevato solo se il formato lo supporta e se è richiesto. Il tool non permette il controllo diretto della trasparenza nei valori riportati, a meno che l'immagine non contenga davvero dati alpha.

Quando usare HEX, RGB o HSL

I valori HEX sono ideali per web e grafica digitale, RGB per la manipolazione diretta nei software grafici e HSL per creare varianti cromatiche, come ombre o sfumature. Modificando la luminosità (lightness) del valore HSL si ottengono toni più chiari o scuri, utili per palette coerenti e accessibili.

Il tool offre tutti e tre i formati, facilitando l'integrazione nei workflow di designer e sviluppatori. La possibilità di visualizzare la palette dominante aiuta anche a valutare le combinazioni cromatiche principali dell'immagine.

Domande frequenti

Perché il colore prelevato non corrisponde sempre a quello che vedo?

I colori possono differire a causa della compressione dell'immagine (soprattutto nei JPEG) o delle impostazioni di visualizzazione del monitor. Il tool restituisce il valore reale del pixel come salvato nel file.

Posso campionare colori da tutto lo schermo?

No, per motivi di sicurezza il tool può rilevare colori solo dalle immagini caricate e non da altre parti dello schermo o da altri programmi.

Come uso il formato HSL per creare varianti cromatiche?

Modifica la 'lightness' nel valore HSL per ottenere toni più chiari o scuri. Puoi sperimentare cambiando anche 'saturation' e 'hue' per palette personalizzate.

I miei dati immagine vengono trasferiti online?

No, tutta l'elaborazione avviene localmente nel browser. La tua immagine rimane sul dispositivo e non viene inviata a ToolMole o ad altri server.

Posso utilizzare questo strumento per controllare il contrasto dei colori?

Il tool mostra il valore del colore, ma non calcola direttamente il contrasto. Puoi prendere il dato e usarlo in strumenti dedicati all'accessibilità.

Quali formati immagine sono supportati?

È possibile caricare immagini JPG, PNG e WebP. Formati con trasparenza (come PNG) permettono di rilevare anche il canale alpha.

Qualcosa non va o hai un'idea per questo strumento? Scrivici