Come prelevare i colori da uno screenshot (2026)

Uno screenshot è spesso l'unica cosa che hai. Non puoi aprire il CSS del sito, non puoi ispezionare l'app, non hai il file di design — ma vedi i colori sullo schermo, e uno screenshot li congela in un'immagine da cui puoi campionare. Ecco come estrarne i codici colore esatti.

Perché uno screenshot è la fonte onesta

Quando fai lo screenshot di una pagina o app renderizzata, catturi i colori come appaiono davvero — dopo che ogni gradiente, sovrapposizione e opacità è stato applicato. Spesso è più veritiero del valore sorgente. Una scheda definita come #000000 al 90% di opacità su uno sfondo grigio non è nera sullo schermo; è un grigio scuro specifico. Ispezionare il codice ti dà la ricetta; campionare lo screenshot ti dà il colore che un utente vede davvero. Quando stai abbinando quel look, lo screenshot è ciò che vuoi leggere.

Preleva un colore in tre passaggi

1. Scatta e carica lo screenshot. Cattura lo schermo (o la regione che ti interessa) e trascina l'immagine nel contagocce.
2. Passa sopra il pixel. Una lente d'ingrandimento segue il tuo cursore e ingrandisce l'area sottostante, così puoi centrare con precisione — anche un bordo sottile o una piccola icona.
3. Clicca per salvare, poi copia. Ogni clic conserva il colore come campione con il suo HEX, RGB e HSL, ciascuno con un pulsante di copia. Copia il formato che ti serve e incollalo nel tuo foglio di stile o strumento di design.

Cose specifiche degli screenshot a cui fare attenzione

Gli screenshot hanno peculiarità che possono falsare un campione di colore, e sono facili da evitare una volta che le conosci:

• Salva come PNG, non JPEG. La compressione JPEG sbava leggermente i colori, specialmente vicino ai bordi e nelle aree piatte, quindi un valore campionato può discostarsi da quello vero. Il PNG è senza perdita e mantiene ogni pixel esatto — la maggior parte degli strumenti di screenshot del sistema operativo usa già PNG come predefinito.
• Attenzione al livello di zoom. Uno screenshot fatto a uno zoom del browser o del sistema operativo diverso dal 100% è scalato, e lo scaling mescola i pixel vicini. Per il campione più pulito, cattura al 100%.
• Evita bordi e testo. L'anti-aliasing fa sì che i pixel lungo qualsiasi bordo siano miscele, non il colore reale. Campiona dal centro di un'area piena — la lente ti aiuta a vedere che sei lontano dal confine sfocato.
• Attenzione al colore del testo subpixel. Ingrandisci il testo renderizzato e vedrai frange di colore che non sono il valore reale del testo. Preleva i colori da riempimenti e sfondi, non dai tratti delle lettere.

Leggere HEX, RGB e HSL

Ogni campione mostra tutti e tre i formati insieme:

• HEX (#3A7BD5) — il predefinito per CSS e strumenti di design.
• RGB (rgb(58, 123, 213)) — valori dei canali, comodi quando ti serve la trasparenza rgba.
• HSL (hsl(215, 65%, 53%)) — tonalità, saturazione, luminosità, ideale quando vuoi ritoccare il colore invece di copiarlo esattamente.

Non ricampioni per cambiare — lo stesso colore è già lì in tutti e tre.

Cattura un intero schema in un solo passaggio

Da uno screenshot puoi ricostruire un intero schema di colori: clicca il colore dell'intestazione, il pulsante, il link, lo sfondo, il testo attenuato. Ciascuno si accumula nella lista così puoi estrarre l'insieme completo in una sola sessione e copiarli in ordine.

Se invece vuoi che ti venga riassunta la palette complessiva di un'immagine — la manciata di tonalità dominanti — è un lavoro a parte, e lo strumento palette di img.diy le estrae automaticamente. Questo contagocce serve a puntare a uno specifico pixel nello screenshot; lo strumento palette serve a caratterizzare l'immagine nel suo insieme.

Nulla lascia la tua macchina

Gli screenshot contengono spesso cose che preferiresti non caricare — una dashboard interna, una bozza privata, l'interfaccia non ancora uscita di un cliente. Qui l'immagine viene letta localmente nel tuo browser da una canvas: nulla viene inviato da nessuna parte, non c'è alcun account e funziona offline dopo il primo caricamento. Ottieni i colori senza che lo screenshot lasci mai il tuo dispositivo.

Scatta lo screenshot, passa sopra il pixel, clicca e copia.