Convertitore da HEX a RGB
Trasforma un codice colore hex in valori RGB.
Funziona nel browser. Quello che scrivi non viene inviato da nessuna parte.
- 3, 4, 6 o 8 cifre
- Anche RGBA e HSL
- Copia con un clic
Come convertire HEX in RGB
- Scrivi o incolla un codice hex, con o senza #.
- I valori RGB, RGBA e HSL si aggiornano mentre digiti.
- Clicca sul pulsante di copia accanto al valore che ti serve.
Esempi da HEX a RGB
| Hex | RGB | Nota |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex standard a 6 cifre |
| #F80 | rgb(255, 136, 0) | Abbreviazione a 3 cifre, stesso colore |
| #000000 | rgb(0, 0, 0) | Nero |
| #FFFFFF | rgb(255, 255, 255) | Bianco |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex a 8 cifre con alfa |
Un'abbreviazione e la sua versione completa si decodificano sempre nello stesso identico colore, perché ogni cifra abbreviata viene semplicemente raddoppiata.
Da dove vengono i codici hex
Strumenti di design come Figma e Photoshop, e gli strumenti per sviluppatori di ogni browser, mostrano un colore in hex per impostazione predefinita, perché è il modo più breve per scrivere un colore esatto come testo.
L'hex fa parte del web fin dai primissimi attributi di colore dell'HTML negli anni '90, molto prima che esistessero le funzioni CSS rgb() e hsl(). Ecco perché l'hex resta il formato da cui partono la maggior parte delle guide di stile.
Errori comuni con i codici hex
- Un codice hex richiede 3, 4, 6 o 8 cifre. Una lunghezza di 5 o 7 non è valida e non verrà convertita.
- Alcune API Windows più datate memorizzano i colori in BGR invece che in RGB, quindi un codice copiato da codice legacy può avere rosso e blu invertiti.
- Le ultime due cifre di un codice a 8 cifre sono l'alfa, non un quarto canale colore, quindi #FF880000 è completamente trasparente, non un arancione più scuro.
Domande su HEX in RGB
Come converto HEX in RGB a mano?
Dividi il codice in tre coppie e converti ogni coppia dalla base 16 alla base 10. Per #F08A3C questo dà F0 = 240, 8A = 138 e 3C = 60, quindi rgb(240, 138, 60).
Cos'è un codice hex a 3 cifre?
Un'abbreviazione in cui ogni cifra viene raddoppiata. #F80 è lo stesso colore di #FF8800, e #000 è nero.
Cosa significano le ultime due cifre di un codice hex a 8 cifre?
Sono l'alfa, ovvero l'opacità. #FF880080 è un arancione a circa il 50% di opacità, come rgba(255, 136, 0, 0.5).
Il codice ha bisogno di un # all'inizio?
No. Il convertitore accetta codici con o senza #, in maiuscolo o minuscolo.
Perché il mio codice hex risulta non valido?
Un codice hex deve avere esattamente 3, 4, 6 o 8 cifre usando 0-9 e A-F. Una lunghezza come 5 o 7, o un carattere fuori da questo intervallo, non verrà convertita.
Posso incollare una variabile CSS come var(--brand)?
No, incolla il valore di colore letterale. Controlla prima a cosa corrisponde la variabile, ad esempio nel pannello degli stili calcolati degli strumenti per sviluppatori del tuo browser.
Qual è il codice hex più corto possibile?
3 cifre, come #000 per il nero o #fff per il bianco. Ogni cifra rappresenta una coppia raddoppiata nel valore completo a 6 cifre.