Come trovare il codice HEX di un colore in una foto

Parti dall'immagine giusta

Usa il file originale ogni volta che puoi. Uno screenshot di un sito o di un'app è la fonte ideale, perché ogni pixel è esattamente il colore visualizzato. Le immagini passate da WhatsApp, Telegram, un social o un'email vengono ricompresse, e la compressione JPEG sbava il colore sui pixel vicini: la stessa zona può dare #3A7BD5 nell'originale e #3C7AD2 nella copia inoltrata.

Nella foto di un oggetto reale la fotocamera ha già deciso per te bilanciamento del bianco ed esposizione, e un filtro sposta ancora i valori. Il codice che ottieni è quello del colore così come appare in quella foto: perfetto per una grafica da abbinare all'immagine, ma non è il colore dell'oggetto sotto un'altra luce.

Punta a un pixel, non a un bordo

Il selettore legge un solo pixel, quindi conta dove lo lasci. Mettilo al centro di una campitura uniforme. Negli screenshot evita i contorni di testi, icone e linee: l'antialiasing mescola il colore in primo piano con lo sfondo e il codice letto finisce a metà strada tra i due.

L'app non ha lente d'ingrandimento né zoom. Per un dettaglio piccolo, come un pulsante o una lettera di un logo, ritaglia prima l'immagine nell'app Foto: la zona che ti serve riempirà lo schermo e sarà facile da centrare. Nelle foto stai lontano da riflessi, ombre e texture come la trama di un tessuto o le venature del legno.

Verifica che la lettura sia stabile

Fai tre letture nella stessa zona e confrontale. Uno scarto di uno o due punti su un canale è normale; un salto netto significa che sei finito su un bordo, un riflesso o una sfumatura. In un cielo o in uno sfondo sfumato ogni punto ha il suo codice, quindi decidi prima quale parte ti serve.

Anche i profili colore causano piccole differenze: l'iPhone salva spesso le foto nello spazio Display P3, più ampio, mentre la maggior parte degli strumenti web lavora in sRGB, e nella conversione alcuni valori si spostano un po'. Inoltre, se condividi un'immagine verso l'app da un'altra applicazione, viene salvata di nuovo come JPEG; per il codice esatto di uno screenshot aprilo invece da Foto dentro l'app.

Copia il codice nei tuoi strumenti

Copia esadecimale mette negli appunti un codice come #94766C, pronto per CSS, Figma, Canva, Keynote, PowerPoint o qualsiasi campo che accetti un valore esadecimale. Copia RGB restituisce lo stesso colore come R: 148, G: 118, B: 108 per i programmi che chiedono rosso, verde e blu separati; in CSS si scrive rgb(148, 118, 108).

Se stai raccogliendo i colori di un marchio o di una presentazione, salva ogni colore man mano invece di annotare i codici a mano. I colori salvati conservano i loro codici: puoi confrontarli, condividerli come testo o come immagine e copiarli di nuovo quando ti servono.

HEX, RGB, HSB e CMYK: quale usare

Un codice HEX è la stessa informazione di un valore RGB scritta in base 16: #94766C equivale a rosso 148, verde 118 e blu 108. Usa l'HEX per il web e per la maggior parte dei programmi di grafica, l'RGB quando uno strumento chiede tre numeri, l'HSB se vuoi ritoccare a mano luminosità o saturazione (il pulsante Regolare offre i cursori e salva il risultato come nuovo colore) e il CMYK solo come punto di partenza per la tipografia, che richiede comunque una prova di stampa.

Domande frequenti

Domande correlate sui colori