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#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 si converte RGB in HEX?
Ogni canale (R, G, B) da 0-255 si converte in due cifre esadecimali: si divide per 16 per ottenere la prima cifra e si prende il resto per la seconda. I tre valori si concatenano con il prefisso #. Esempio: RGB 79, 70, 229 → 4F, 46, E5 → #4F46E5.
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
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
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
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
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?
Cosa succede se inserisco un valore maggiore di 255?
Quando si può usare la forma abbreviata a 3 cifre (#RGB)?
Qual è la differenza tra RGB e HEX nella pratica del web design?
Come trovo i valori RGB di un colore che vedo sullo schermo?
Calcolatori correlati
Altri strumenti nella categoriaMatematica e Geometria: