Selettore di colore da immagine Punta ogni pixel, copia HEX／RGB／HSL all'istante

Cos'è il selettore di colore da immagine?

Questo strumento online gratuito aiuta designer, sviluppatori e creatori di presentazioni a estrarre il colore esatto di qualsiasi pixel da una foto, un mockup o uno screenshot. Trascina un'immagine, passa il cursore sul punto desiderato per vedere una lente che ingrandisce quel pixel in tempo reale, poi clicca per copiare istantaneamente i codici HEX, RGB e HSL e aggiungerli a una palette che puoi costruire e confrontare.

🔒 Tutta l'elaborazione avviene al 100% localmente nel tuo browser. La tua immagine non viene mai inviata a un server, proteggendo completamente i tuoi file e la tua privacy.

A chi è utile questo strumento?

• Designer e illustratori: estrarre rapidamente i colori esatti del brand da un'immagine di riferimento del cliente, una brand guide o uno screenshot della concorrenza.
• Marketer e creatori di presentazioni: prelevare il colore principale da un logo aziendale per far coincidere perfettamente le slide con l'identità del brand.
• Sviluppatori front-end: ottenere il codice HEX necessario per il CSS direttamente da uno screenshot di un mockup UI, senza aprire software di design.
• Fotografi e artisti: analizzare la distribuzione tonale di una foto come riferimento per la correzione del colore.

Cosa sono HEX, RGB e HSL?

Sono i tre formati più comuni per rappresentare un colore: HEX (es. #4E8AB5) è il codice esadecimale più usato nel design web; RGB descrive un colore tramite i valori di rosso, verde e blu (0–255); HSL descrive tonalità, saturazione e luminosità, un approccio spesso più intuitivo. Scopri di più su Wikipedia: Web colors.

Come si usa

1. Trascina un'immagine nell'area di caricamento, oppure clicca su Scegli immagine per sfogliare i tuoi file.
2. Muovi il cursore su qualsiasi punto dell'immagine: la lente mostra in tempo reale il colore esatto sottostante.
3. Clicca per copiare automaticamente il codice HEX e aggiungerlo alla palette qui sotto; ogni campione può essere copiato singolarmente come HEX, RGB o HSL, oppure rimosso.

Domande frequenti (FAQ)

D1: La mia immagine viene caricata su un server?

No. Questo strumento legge i colori dei pixel localmente tramite l'API Canvas nativa del browser. Il file dell'immagine non lascia mai il tuo dispositivo, e tutto viene cancellato automaticamente quando ricarichi la pagina.

D2: Perché non vedo il pulsante Preleva dallo schermo?

Questa funzione utilizza l'API EyeDropper nativa del browser, attualmente disponibile solo su browser basati su Chromium come Chrome ed Edge (versione 95+). Firefox e Safari non la supportano ancora. La funzione principale del selettore di colore continua a funzionare perfettamente anche senza questo pulsante.

D3: La compressione dell'immagine influisce sulla precisione del colore?

Leggermente. I formati con compressione con perdita come il JPG possono alterare leggermente i valori dei pixel rispetto al file di design originale. Per una precisione assoluta, usa quando possibile un formato senza perdita come il PNG.