Come convertire da RGB a esadecimale
- Inserisci i valori di rosso, verde e blu (0–255) con i cursori o i campi numerici, oppure incolla un valore CSS
rgb(). - Il codice hex appare subito, insieme a HSL, HSV e CMYK. Imposta l'alfa sotto 1 per ottenere un codice hex a 8 cifre con trasparenza.
- Copia il codice hex, oppure segui la formula per vedere come è stato convertito ogni valore.
Formula di conversione da RGB a hex
Ogni canale RGB da 0 a 255 diventa esattamente due cifre hex. Dividi il valore per 16: il quoziente intero è la prima cifra e il resto è la seconda, con 10–15 scritti come A–F. Esempio per rgb(124, 58, 237):
- Rosso: 124 ÷ 16 = 7 con resto 12 →
7C - Verde: 58 ÷ 16 = 3 con resto 10 →
3A - Blu: 237 ÷ 16 = 14 con resto 13 →
ED
Uniti dopo un # danno #7C3AED. Scrivi sempre due cifre per canale: 9 diventa 09, non 9.
Conversione da RGB a hex nel codice
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel e Fogli Google:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(nell'Excel in italiano la funzione è DECIMALE.HEX e il separatore è il punto e virgola) - CSS: nessuna conversione necessaria –
rgb()e i codici hex sono intercambiabili.
Aggiungere la trasparenza (alfa)
Per un codice a 8 cifre, moltiplica l'opacità (0–1) per 255, arrotonda e aggiungi il risultato come altre due cifre hex: 0.5 × 255 = 127.5 → 128 → 80, quindi rgba(124, 58, 237, 0.5) = #7C3AED80.
| Opacità | Hex | Opacità | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Domande frequenti
Qual è la formula per convertire da RGB a hex?
Per ogni canale la prima cifra hex è il valore diviso per 16 (parte intera) e la seconda è il resto, con 10–15 scritti come A–F. Unisci le tre coppie dopo un #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Perché ogni canale deve avere due cifre hex?
Un colore hex si legge a coppie fisse. rgb(0, 128, 9) va scritto #008009; togliendo gli zeri iniziali le coppie si sposterebbero, dando un colore diverso o non valido.
Un codice colore hex può contenere la trasparenza?
Sì. I browser moderni accettano codici a 8 cifre #RRGGBBAA, dove l'ultima coppia è il valore alfa da 00 (completamente trasparente) a FF (opaco). rgba(124, 58, 237, 0.5) diventa #7C3AED80.
La conversione da RGB a hex è esatta?
Sì, per valori RGB interi: ogni numero da 0 a 255 ha esattamente una forma hex a due cifre, quindi riconvertendo si ottengono gli stessi valori. Solo l'alfa viene arrotondato al più vicino dei 256 livelli.