Convertitore da RGB a HEX
Trasforma valori RGB in un codice colore hex.
Funziona nel browser. Quello che scrivi non viene inviato da nessuna parte.
- Incolla rgb() o rgba()
- Hex a 8 cifre con alfa
- Si aggiorna mentre digiti
Come convertire RGB in HEX
- Incolla un valore rgb() o rgba(), oppure scrivi ogni canale.
- Imposta l'alfa sotto 1 per ottenere anche un codice hex a 8 cifre.
- Copia il codice hex.
Esempi da RGB a hex
| RGB | Hex | Nota |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Conversione standard |
| rgb(0, 0, 0) | #000000 | Nero |
| rgba(255, 136, 0, 0.5) | #FF880080 | L'alfa aggiunge 2 cifre |
| 255, 136, 0 | #FF8800 | Funzionano anche numeri semplici |
Come l'alfa diventa cifre hex
Moltiplica l'alfa per 255, arrotonda al numero intero più vicino, poi scrivilo come due cifre hex alla fine del codice.
| Alfa | Suffisso hex |
|---|---|
| 1 (pieno) | non serve |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (invisibile) | 00 |
Dove funziona l'hex a 8 cifre
- Il CSS accetta #RRGGBBAA in tutti i browser attuali: Chrome, Firefox, Safari ed Edge.
- Anche gli attributi fill e stroke di SVG accettano l'hex a 8 cifre nei browser moderni.
- Alcuni editor di immagini e strumenti di design più datati leggono solo hex a 6 cifre e ignorano o rifiutano la coppia alfa, quindi conserva una copia a 6 cifre piena per questi casi.
Domande su RGB in HEX
Come converto RGB in HEX a mano?
Scrivi ogni canale come numero a due cifre in base 16 e uniscili. rgb(255, 136, 0) diventa FF, 88 e 00, quindi #FF8800.
Come si scrive l'opacità in hex?
Moltiplica l'alfa per 255, arrotonda e scrivilo come due cifre hex alla fine. Un'alfa di 0,5 diventa 80, quindi rgba(255, 136, 0, 0.5) è #FF880080.
Quali formati posso incollare?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), il più recente rgb(255 136 0 / 50%) e semplici numeri come 255, 136, 0. Funziona anche un codice hex.
#ff8800 è diverso da #FF8800?
No, nei colori hex maiuscole e minuscole non fanno differenza. Seleziona Maiuscolo se la tua guida di stile preferisce le lettere maiuscole.
Posso scrivere un nome di colore come orange invece dei numeri?
No. Questo convertitore legge solo valori numerici rgb(), rgba() ed esadecimali, perché gestire i 148 colori con nome del CSS richiederebbe una tabella di corrispondenza a parte.
Perché il mio codice hex è cambiato leggermente dopo aver scritto una percentuale?
I canali in percentuale come rgb(94% 53% 0%) vengono convertiti al passo più vicino tra 256 per canale, quindi l'arrotondamento può spostare il risultato di 1 in alcuni canali.
Il canale alfa si arrotonda allo stesso modo in ogni browser?
Sì. Il calcolo usato qui, moltiplicare per 255 e poi arrotondare a un numero intero, è standard e produce le stesse 2 cifre hex indipendentemente dal browser, perché questa pagina esegue da sola la conversione invece di affidarsi a un'API del browser che potrebbe variare.
Posso convertire un colore con un'alfa in percentuale, come 50%?
Sì. Funzionano sia rgba(255, 136, 0, 50%) sia il più recente rgb(255 136 0 / 50%), oltre alla vecchia sintassi decimale da 0 a 1 per l'alfa.