Convertitore da RGB a HEX

Conversione RGB in Hex: esatta, reversibile e istantanea

Questo strumento prende tre numeri decimali – rosso, verde e blu, ciascuno tra 0 e 255 – e restituisce il codice esadecimale corrispondente, per esempio #1E90FF. A differenza di molti convertitori generici, qui non c’è alcuna approssimazione: RGB e hex rappresentano lo stesso spazio colore sRGB, quindi la conversione è lossless e reversibile. Il risultato è sempre un codice a sei cifre (es. #4F46E5), senza canale alpha, e viene aggiornato in tempo reale mentre modifichi qualsiasi campo del pannello – non esiste un pulsante “Converti”. In più, la pagina mostra il colore visivamente e sincronizza tutti gli altri formati supportati (HSL, HSV, CMYK, LAB e il selettore colore). In questo articolo vediamo come funziona la conversione, perché è così precisa e come sfruttarla al meglio nella pratica.

La matematica della trasformazione: da 0–255 a FF

La conversione da RGB decimale a esadecimale si basa su un semplice principio: ogni canale (R, G, B) viene rappresentato con due cifre esadecimali. Il numero decimale viene diviso per 16: il quoziente diventa la prima cifra, il resto la seconda. Entrambe le cifre sono espresse in base 16, dove i valori da 10 a 15 si scrivono come A (10), B (11), C (12), D (13), E (14), F (15).

Prendiamo un esempio concreto: rosso = 79.

• 79 ÷ 16 = 4 con resto di 15 (perché 4×16 = 64, 79 − 64 = 15).
• Quoziente 4 → cifra 4. Resto 15 → cifra F.
• Quindi il rosso in hex è 4F.

Verde = 70:

• 70 ÷ 16 = 4 con resto 6.
• 4 e 6 → 46.

Blu = 229:

• 229 ÷ 16 = 14 con resto 5 (14×16 = 224, resto 5).
• 14 → E, 5 → 5 → E5.

Il codice hex completo sarà #4F46E5. Come vedi, ogni canale occupa esattamente due cifre, da 00 (0) a FF (255). Non c’è ambiguità: è una corrispondenza biunivoca all’interno dello spazio sRGB, lo stesso usato dalla maggior parte dei monitor e dai browser.

Input RGB: formati accettati e regole di parsing

Il campo di input si aspetta tre numeri interi, ciascuno nell’intervallo 0–255. Puoi separarli con virgole (es. 79, 70, 229) oppure con spazi (es. 79 70 229). La pagina accetta anche spazi aggiuntivi o virgole con spazi. I numeri possono essere scritti con zeri iniziali (es. 007, 070, 229) – la conversione li gestisce correttamente.

Se inserisci un formato non valido o valori fuori intervallo, compare un messaggio di errore specifico:
“Enter RGB as three numbers 0–255, like 79, 70, 229.”
Non c’è alcuna conversione parziale: la pagina rimane nello stato precedente finché l’input non è corretto.

Vale la pena notare che, poiché RGB e hex condividono lo stesso spazio colore, non si verificano situazioni di gamut clipping: se il colore è rappresentabile in RGB (e lo è sempre, per definizione), lo è anche in hex. Non devi preoccuparti di approssimazioni dovute a profili colore diversi.

Output hex: sei cifre fisse e nessuna contrazione automatica

Il risultato della conversione è sempre un codice esadecimale di sei cifre preceduto dal simbolo #. Perché sei cifre? Perché ogni canale 0–255 ha bisogno di due cifre esadecimali: le prime due per il rosso, le seconde per il verde, le ultime per il blu. Il formato a tre cifre (shorthand) come #ABC non viene generato automaticamente. Ad esempio, #AABBCC resta #AABBCC, non viene compresso in #ABC. Tuttavia, il campo di input hex accetta la notazione a tre cifre: se scrivi #abc, lo strumento lo espande internamente a #AABBCC (raddoppiando ogni cifra). Questa è una comodità per chi è abituato a scrivere codici brevi in CSS, ma la conversione inversa (da RGB) produce sempre il formato lungo.

Non c’è canale alpha nell’output standard: a differenza del formato a otto cifre (#RRGGBBAA), qui lavoriamo solo con i tre canali principali. Se hai bisogno di un valore con trasparenza, devi usare un altro strumento o aggiungere manualmente le due cifre dell’alpha.

Aggiornamento simultaneo: nessun pulsante di invio

Una caratteristica che distingue questa pagina è l’aggiornamento in tempo reale. Non devi cliccare su “Converti” o “Calcola”: appena modifichi il valore RGB (o qualsiasi altro campo tra HSL, HSV, CMYK, LAB e il selettore colore), tutti gli altri vengono ricalcolati istantaneamente. Funziona così:

• se cambi il selettore colore (il color picker), i campi RGB e hex si aggiornano;
• se modifichi manualmente il codice hex, i valori RGB e gli altri formati si adattano;
• se inserisci tre numeri RGB, il codice hex e tutti gli altri campi cambiano subito.

Tutto il processing avviene lato client, nel tuo browser. Nessun dato viene inviato a un server – non c’è upload, né registrazione, né cookie di tracciamento per questa funzionalità.

Casi limite e regole da ricordare

Ecco alcune situazioni che possono generare dubbi:

Attenzione: se usi valori decimali con virgola (es. 79.5), non sono accettati. I canali RGB nel contesto standard sono interi. Le conversioni verso HSL o CMYK possono produrre decimali, ma l’input RGB deve essere intero.

Domande frequenti (FAQ)

1. Posso ottenere un codice hex a tre cifre come #ABC?
Il tool non comprime automaticamente l’output, ma puoi scrivere manualmente #ABC nel campo hex e verrà espanso a sei cifre. Se vuoi generare un codice breve a partire da RGB, non è previsto perché non tutti i colori hanno cifre doppie identiche (solo quando i valori sono multipli di 17 si può usare la shorthand).

2. Come mai la conversione è esatta?
Perché RGB decimale (0–255) e hex a sei cifre sono due modi diversi di scrivere lo stesso numero intero. Ogni coppia di cifre hex corrisponde a un valore decimale calcolato come (prima_cifra × 16) + seconda_cifra. Non c’è arrotondamento o approssimazione.

3. Cosa succede se scrivo 256, 0, 0?
Il tool mostra il messaggio di errore. 256 è fuori dall’intervallo 0–255, anche se in altri contesti (ad esempio in alcuni CSS con percentuali) potrebbe essere accettato, ma qui no.

4. Il colore visivo corrisponde esattamente a quello che vedrò sul mio monitor?
Sì, perché lo spazio sRGB è lo stesso utilizzato da praticamente tutti i display moderni. Tuttavia, tieni conto che il colore dipende dalla calibrazione del tuo schermo; il codice hex è indipendente dal dispositivo.

5. Perché non posso inserire un canale alpha in input RGB?
Perché l’input RGB di questo strumento è inteso per i tre canali fondamentali. Se hai bisogno di lavorare con la trasparenza, puoi aggiungere manualmente le cifre alpha al codice hex oppure usare un altro formato come RGBA.

6. Il codice hex funziona in CSS?
Certamente. Puoi usarlo nelle proprietà color, background-color, border-color, box-shadow, ecc. Non dimenticare il cancelletto #. Il formato a sei cifre è il più comune e supportato.