Il convertitore accetta tutte le forme hex del CSS: il formato a 6 cifre #ff5733, l'abbreviazione a 3 cifre #f53, e i formati a 4 e 8 cifre con canale alpha, con o senza #. Mostra la stringa rgb() o rgba(), i valori dei singoli canali e una scomposizione per canale, oltre a una riga inversa da RGB a HEX quando serve fare il percorso opposto. Tutto viene eseguito nel browser: nessun caricamento, nessun account, nessun limite.
Convertitore da HEX a RGB
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
CSS
rgb(255, 87, 51)Valori RGB
255, 87, 51Come avviene la conversione
Rosso
FF255Verde
5787Blu
3351Percorso opposto? RGB a HEX
#ff5733Come si converte HEX in RGB?
Un colore hex è formato da tre coppie di cifre esadecimali, una coppia per canale. Ogni coppia si converte in un numero decimale da 0 a 255: in #ff5733, ff è 255 di rosso, 57 è 87 di verde e 33 è 51 di blu, quindi il valore RGB è rgb(255, 87, 51). Questo convertitore lo fa all'istante mentre digiti.
Come si usa
- 1Inserisci un codice hex. Digita o incolla un colore hex come #ff5733 (o #f53), oppure scegline uno con il selettore colore. Il # è facoltativo.
- 2Leggi il valore RGB. La stringa rgb(), i valori puri da 0 a 255 e un'anteprima del colore in tempo reale si aggiornano mentre digiti, con una scomposizione per canale che mostra come viene convertita ogni coppia hex.
- 3Copia il formato che ti serve. Clicca su Copia accanto alla stringa rgb() o ai valori grezzi. Ti serve il percorso opposto? Inserisci rosso, verde e blu qui sotto per ottenere di nuovo il codice hex.
A chi serve
- Sviluppatori front-end che trasformano un codice hex preso da una guida di stile in rgb() per aggiungere trasparenza con rgba().
- Designer che spostano i colori del brand tra strumenti che vogliono l'hex (CSS, Figma) e strumenti che vogliono valori da 0 a 255 (alcune app di stampa e video).
- Team email e marketing che allineano i colori di una campagna tra editor che accettano una sola notazione.
- Sviluppatori di giochi e app che passano valori di canale 0-255 a motori grafici e SDK che non leggono le stringhe hex.
Domande frequenti
Questo convertitore da HEX a RGB è gratis?
Sì, è gratis al 100%, senza registrazione e senza limiti. Funziona interamente nel browser.
I miei colori vengono caricati da qualche parte?
No. La conversione è puro JavaScript eseguito sul dispositivo, non viene inviato nulla a un server, e continua a funzionare anche offline una volta caricata la pagina.
Qual è la formula per convertire HEX in RGB?
Dividi il codice hex in tre coppie e converti ogni coppia dalla base 16 al decimale: moltiplica la prima cifra per 16 e somma la seconda (a=10 ... f=15). In #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Supporta l'abbreviazione a 3 cifre come #f53?
Sì. Nell'abbreviazione CSS ogni cifra viene raddoppiata, quindi #f53 diventa #ff5533 e si converte in rgb(255, 85, 51). Il formato a 4 cifre funziona allo stesso modo, con l'ultima cifra come alpha.
Come converte HEX in RGBA?
Un codice hex a 8 cifre porta l'alpha nell'ultima coppia. Quel byte (0-255) viene diviso per 255 per ottenere il valore alpha da 0 a 1 richiesto da rgba(), arrotondato a tre decimali - così #ff573380 diventa rgba(255, 87, 51, 0.502).
Può convertire RGB di nuovo in HEX?
Sì. Usa la riga da RGB a HEX sotto il risultato: inserisci i valori di rosso, verde e blu da 0 a 255 e restituisce subito il codice hex. I valori fuori intervallo vengono limitati tra 0 e 255.
Perché usare rgb() invece di hex?
Soprattutto per l'alpha e per i calcoli: rgba(255, 87, 51, 0.5) rende un colore traslucido, e molte API, motori di gioco e specifiche di design richiedono numeri di canale separati da 0 a 255 invece di una stringa hex.