Salta al contenuto principale
Matematica e Geometria

Conversione colore RGB in esadecimale

Il convertitore trasforma un colore espresso in tre canali RGB (rosso, verde, blu, ciascuno da 0 a 255) nel corrispondente codice esadecimale #RRGGBB usato in HTML, CSS e software grafici.

Il tuo calcolo

Modifica i dati e confronta
Codice esadecimale

#4F46E5

Come si converte un colore da RGB a HEX

Ogni canale (rosso, verde, blu) va da 0 a 255 e si scrive in esadecimale su due cifre; il codice e #RRGGBB. Esempio: 79,70,229 diventa #4F46E5.

Dove serve

HTML/CSS, design e strumenti grafici usano l'esadecimale; sapere convertire aiuta a replicare un colore esatto.

Shorthand

Se le coppie sono ripetute (es. #44AA88) si puo abbreviare in 3 cifre (#4A8), ma non sempre e possibile.

Conversione esatta RGB-HEX. I valori fuori dall'intervallo 0-255 vengono limitati automaticamente.

La formula è semplice: ogni canale si converte in base 16 su due cifre, concatenando i risultati con il prefisso #. Ad esempio, il viola indaco RGB 79, 70, 229 diventa #4F46E5. Utile a sviluppatori web, designer UI e chiunque debba replicare un colore preciso passando da uno strumento grafico a un foglio di stile.

Come convertire un colore da RGB a codice HEX

Inserisci i tre canali del colore e ottieni istantaneamente il codice esadecimale pronto per HTML e CSS.

  1. 1

    Inserisci il valore del canale Rosso

    Nel campo «Rosso (0-255)» digita il valore intero del canale rosso, compreso tra 0 (assenza) e 255 (intensità massima).

  2. 2

    Inserisci il valore del canale Verde

    Nel campo «Verde (0-255)» digita il valore del canale verde. Valori fuori range vengono limitati automaticamente a 0 o 255.

  3. 3

    Inserisci il valore del canale Blu

    Nel campo «Blu (0-255)» digita il valore del canale blu. Il convertitore aggiorna il risultato in tempo reale ad ogni modifica.

  4. 4

    Leggi il codice esadecimale ottenuto

    Il campo «Codice esadecimale» mostra il risultato nel formato #RRGGBB in lettere maiuscole, pronto da copiare e incollare in CSS o HTML.

Domande frequenti

Come si converte manualmente RGB in HEX?
Si divide ogni canale in base 16: il quoziente è la prima cifra hex, il resto la seconda. Ad esempio, rosso = 79: 79 ÷ 16 = 4 resto 15 (F), quindi 4F. Verde = 70: 70 ÷ 16 = 4 resto 6, quindi 46. Blu = 229: 229 ÷ 16 = 14 (E) resto 5, quindi E5. Risultato: #4F46E5.
Cosa succede se inserisco un valore maggiore di 255?
Il convertitore taglia automaticamente il valore a 255 (clamp). RGB accetta solo interi da 0 a 255: 0 corrisponde ad assenza del canale (00 in hex), 255 al massimo (FF). Valori fuori range vengono quindi forzati al limite più vicino prima della conversione.
Quando si può usare la forma abbreviata a 3 cifre (#RGB)?
Si può abbreviare solo quando entrambe le cifre di ciascuna coppia sono identiche: #RRGGBB → #RGB. Ad esempio #4F46E5 non è abbreviabile (le coppie 4F, 46, E5 hanno cifre diverse), mentre #44AA88 diventa #4A8. Attenzione: non tutti i colori hex sono abbreviabili e non tutti i contesti CSS accettano la forma a tre cifre.
Qual è la differenza tra RGB e HEX nella pratica del web design?
Sono rappresentazioni dello stesso spazio colore sRGB; la scelta è sintattica. CSS accetta entrambe (color: rgb(79,70,229) e color: #4F46E5). Il formato HEX è più compatto e tradizionale nei file HTML; RGB (e RGBA con canale alfa) è preferito quando serve trasparenza o calcoli dinamici in JavaScript.
Come trovo i valori RGB di un colore che vedo sullo schermo?
Gli strumenti di sviluppo del browser (DevTools → Eyedropper o color picker) mostrano il codice HEX e RGB del colore ispezionato. Software grafici come Photoshop, Figma e GIMP espongono direttamente R, G, B nei pannelli colore. Una volta ottenuti i tre valori, è sufficiente incollarli in questo convertitore.

Calcolatori correlati

Altri strumenti nella categoriaMatematica e Geometria: