Come convertire da hex a RGB
- Digita o incolla un codice colore hex nel campo Codice colore hex, con o senza
#, oppure clicca sul campione per scegliere un colore. - Leggi il risultato come
rgb()e osserva i valori di rosso, verde e blu sui cursori, insieme a HSL, HSV e CMYK. - Copia qualsiasi formato con un clic. La formula accanto ai formati mostra come ogni coppia di cifre hex diventa un numero da 0 a 255.
Formula di conversione da hex a RGB
Un codice colore hex è composto da tre byte scritti in esadecimale: #RRGGBB. Ogni coppia di cifre è un canale che va da 00 (0) a FF (255). Per convertire una coppia, moltiplica la prima cifra per 16 e aggiungi la seconda, contando A = 10, B = 11, C = 12, D = 13, E = 14 e F = 15. Esempio per #7C3AED:
- Rosso:
7C= 7 × 16 + 12 = 124 - Verde:
3A= 3 × 16 + 10 = 58 - Blu:
ED= 14 × 16 + 13 = 237
Quindi #7C3AED = rgb(124, 58, 237).
Codici hex abbreviati e con trasparenza
Un codice a 3 cifre è una forma abbreviata in cui ogni cifra viene raddoppiata: #F80 = #FF8800 = rgb(255, 136, 0). Un codice a 8 cifre aggiunge un byte alfa per l'opacità: in #7C3AED80 l'ultima coppia 80 = 128, e 128 ÷ 255 ≈ 0.5, quindi equivale a rgba(124, 58, 237, 0.5). La forma a 4 cifre #RGBA funziona allo stesso modo.
Codici colore hex comuni e relativi valori RGB
| Colore | Hex | RGB |
|---|---|---|
| Bianco | #FFFFFF | rgb(255, 255, 255) |
| Nero | #000000 | rgb(0, 0, 0) |
| Rosso | #FF0000 | rgb(255, 0, 0) |
| Verde lime | #00FF00 | rgb(0, 255, 0) |
| Blu | #0000FF | rgb(0, 0, 255) |
| Giallo | #FFFF00 | rgb(255, 255, 0) |
| Arancione | #FFA500 | rgb(255, 165, 0) |
| Grigio | #808080 | rgb(128, 128, 128) |
| Blu marino | #000080 | rgb(0, 0, 128) |
| Viola | #800080 | rgb(128, 0, 128) |
| Verde petrolio | #008080 | rgb(0, 128, 128) |
Domande frequenti
Come si converte a mano da hex a RGB?
Dividi il codice in tre coppie e converti ogni coppia dall'esadecimale: prima cifra × 16 + seconda cifra. Per #1E90FF: 1E = 30, 90 = 144 e FF = 255, quindi il colore è rgb(30, 144, 255).
Cosa significa un colore hex a 3 cifre come #F80?
È la forma abbreviata di un codice a 6 cifre in cui ogni cifra è raddoppiata: #F80 = #FF8800 = rgb(255, 136, 0). Si possono abbreviare solo i colori in cui ogni coppia è formata da due cifre uguali.
Come si converte da hex a RGB in JavaScript o Python?
JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) per un codice come #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). In CSS non serve alcuna conversione: entrambe le notazioni sono accettate.
Per il CSS è meglio hex o RGB?
Descrivono esattamente gli stessi colori. L'hex è più corto e diffuso negli strumenti di design; rgb() è più facile da leggere e modificare e rende evidente la trasparenza con rgba(). I browser moderni accettano anche codici hex a 8 cifre con canale alfa.