Selettore Colore da Immagine

Funzionamento del campionamento del colore al pixel

Lo strumento Selettore Colore da Immagine consente di caricare un file grafico dal proprio dispositivo per analizzarne la composizione cromatica a livello di singolo pixel. All'apertura di un'immagine, l'applicazione calcola immediatamente le coordinate del pixel centrale e ne mostra i relativi valori cromatici nei formati standard.

Il campionamento avviene in tempo reale: muovendo il puntatore sopra l'immagine, il sistema rileva istantaneamente il colore del pixel posizionato sotto il cursore. Per agevolare l'operazione, un'area di ingrandimento mostra una vista zoomata dei pixel attorno al puntatore, permettendo di individuare con precisione millimetrica la coordinata desiderata.

L'interfaccia supporta due modalità di interazione per il campionamento e il salvataggio:

• Uso del mouse o del touch: lo spostamento del puntatore aggiorna i dati del pixel. Facendo clic sull'immagine, il colore campionato viene memorizzato nella cronologia personale.
• Navigazione da tastiera: è possibile spostare un mirino di precisione sull'immagine utilizzando i tasti freccia, che muovono il selettore di un pixel alla volta. Premendo il tasto Shift in combinazione con i tasti freccia, lo spostamento avviene a intervalli di 10 pixel. Per salvare il colore correntemente campionato nella cronologia, si preme il tasto Invio o la barra spaziatrice.

Formati colore e gestione della cronologia

Ogni pixel campionato viene tradotto simultaneamente in tre dei principali modelli di colore utilizzati nello sviluppo web e nella progettazione digitale:

• HEX: il codice esadecimale (ad esempio, #ffffff), ampiamente utilizzato nei fogli di stile CSS e nei software di grafica.
• RGB: i valori assoluti dei canali Red (Rosso), Green (Verde) e Blue (Blu), espressi in una scala da 0 a 255.
• HSL: la rappresentazione basata su Hue (Tonalità, espressa in gradi da 0° a 360°), Saturation (Saturazione, in percentuale) e Lightness (Luminosità, in percentuale).

Facendo clic su uno qualsiasi di questi valori visualizzati (HEX, RGB o HSL), il dato viene copiato direttamente negli appunti del sistema operativo per essere incollato in altre applicazioni. Se il browser blocca questa operazione per motivi di sicurezza, viene mostrato il messaggio di errore "Impossibile copiare: il browser ha bloccato l'accesso agli appunti.".

Quando si salva un colore tramite clic o tastiera, l'interfaccia mostra la notifica "Salvato {hex} nei preferiti." e aggiunge il campione a un elenco storico che può contenere fino a 12 elementi. Se la cronologia è vuota, compare la dicitura "I colori salvati appariranno qui: faccia clic su un campione per caricarlo nuovamente.". Cliccando su uno dei campioni salvati in questa lista, i suoi valori vengono ricaricati nel pannello principale. Il pulsante "Ricomincia" permette di azzerare l'applicazione, eliminando l'immagine caricata e svuotando completamente la cronologia dei colori salvati.

Formati di file supportati e limiti di risoluzione

Lo strumento accetta il caricamento di un singolo file immagine alla volta. I formati di file e i relativi tipi MIME supportati sono i seguenti:

Se si tenta di trascinare o caricare un file non compatibile, il sistema mostra l'avviso "Questo tipo di file non è supportato. Provi con un'immagine PNG, JPG, WebP, GIF, AVIF o HEIC.". Nel caso in cui il file sia corrotto o non decodificabile, compare il messaggio "Impossibile aprire l'immagine. Potrebbe essere danneggiata o in un formato non supportato.".

Per garantire prestazioni costanti e un rendering fluido all'interno del browser, le immagini che presentano il lato più lungo superiore a 4096 pixel vengono ridimensionate proporzionalmente prima dell'elaborazione.

Trasparenza e accuratezza dei pixel nei file compressi

Quando si analizzano immagini digitali, la precisione del colore campionato dipende strettamente dalle caratteristiche del file sorgente. Lo strumento legge l'esatto valore del pixel memorizzato nel file, ma vi sono fattori tecnici da considerare:

1. Compressione e Anti-aliasing: Nei file che utilizzano algoritmi di compressione con perdita (come il formato JPEG) o nelle catture di schermata (screenshot), i valori dei pixel possono subire alterazioni rispetto al colore originale. L'anti-aliasing, utilizzato per smussare i bordi dei testi o delle forme geometriche, crea sfumature intermedie che modificano il colore dei singoli pixel di contorno.
2. Gestione del canale Alpha (Trasparenza): Se un pixel è parzialmente trasparente, lo strumento ne rileva il valore isolato, senza calcolare l'influenza di eventuali sfondi o elementi sottostanti. In questo caso, viene mostrata l'indicazione "Alfa {n}% — questo pixel è parzialmente trasparente.". Nella cronologia dei salvataggi, due colori che presentano i medesimi valori RGB ma differenti livelli di trasparenza (canale alpha) vengono registrati come due voci separate.

Riservatezza dei dati e sicurezza locale

Il funzionamento del Selettore Colore da Immagine si basa interamente sull'esecuzione di script locali all'interno del browser dell'utente. L'immagine selezionata dal dispositivo viene letta ed elaborata direttamente in locale; nessun dato, file o informazione d'immagine viene caricato sui server di BroBroGo o trasmesso all'esterno. Questo approccio garantisce che i file analizzati rimangano confinati all'interno della sessione di navigazione dell'utente.

Domande frequenti

Come posso prelevare un colore dall'immagine? Sposti il puntatore sull'immagine e il pannello mostrerà il colore sottostante, con una lente d'ingrandimento per zoomare e posizionarsi sull'esatto pixel. Faccia clic per salvare il colore tra i preferiti. Può anche selezionare l'immagine e spostare il mirino con i tasti freccia, quindi premere Invio.

Quali formati di colore si ottengono? Ogni pixel campionato viene mostrato contemporaneamente nei formati HEX, RGB e HSL. Faccia clic su qualsiasi valore per copiarlo, pronto per essere incollato nel CSS o in uno strumento di progettazione.

Perché il colore selezionato non corrisponde sempre a quello che mi aspettavo? Si ottiene l'esatto valore del pixel memorizzato nell'immagine. Se si tratta di un JPEG o di uno screenshot, la compressione e l'anti-aliasing potrebbero aver già alterato leggermente i pixel adiacenti, e un pixel semitrasparente viene letto singolarmente, senza considerare ciò che si trova dietro di esso.

Cosa succede se carico un'immagine molto grande? Le immagini che superano i 4096 pixel sul lato più lungo vengono ridimensionate automaticamente per consentire una gestione fluida del campionamento all'interno del browser, mantenendo inalterate le proporzioni dell'immagine originale.