Da HEX a RGB
Converti colori CSS HEX da 3, 4, 6 o 8 cifre in canali RGB e codice CSS.
Provare un esempio guidato
Provare un esempio guidato
Da HEX a RGB
Controlla le unità e le opzioni, poi usa il pulsante di calcolo dello strumento. L’esempio è fittizio; sostituisci i valori per il tuo calcolo.
Testo di esempio
- Colore HEX
- #3498db
Risultato previsto
Colore CSS: rgb(52, 152, 219) Canali RGB: 52, 152, 219 Alpha: 1 (Opaco)
Espande la forma breve e mostra i canali RGB, il valore alpha e una funzione rgb() o rgba() pronta per CSS. Quattro o otto cifre includono alpha.
In attesa dello strumento. La spiegazione resta disponibile senza JavaScript.
Metodo e limiti
Inserisci un colore HEX con o senza #, per esempio #3498db o #3498dbcc, e converti. Copia il rapporto verificando il valore CSS.
Non accetta nomi di colore né altre sintassi CSS. Alpha è memorizzato in un byte; la forma decimale è arrotondata a quattro cifre e la percentuale a una. Il codice CSS conserva il punto decimale richiesto dalla sintassi.
Condividi questo strumento
Viene condiviso solo il link pubblico dello strumento. I dati inseriti e i risultati rimangono qui.
Mostra il link da copiare manualmente
In breve
Espande la forma breve e mostra i canali RGB, il valore alpha e una funzione rgb() o rgba() pronta per CSS. Quattro o otto cifre includono alpha.
Questi strumenti elaborano i dati nel browser dopo il caricamento della pagina. I calcoli non inviano le tue immissioni o i risultati a un servizio remoto. Il sito richiede comunque il codice e le risorse della pagina e, se acconsenti, usa Google Analytics per i dati di visita.
Domande frequenti
Quali lunghezze HEX possono includere trasparenza?
Nei colori a quattro cifre, l’ultima cifra rappresenta alpha; a otto cifre lo rappresenta l’ultimo byte. Alpha segue sempre rosso, verde e blu.
Posso incollare il risultato nel CSS?
Sì. Il risultato comprende un valore rgb() o rgba(), oltre ai canali numerici.
Quando cambia il risultato?
Premi il pulsante di esecuzione dopo aver modificato i dati. Copia usa l’ultimo risultato visibile; cambiare un’opzione può cancellarlo. I dati vengono elaborati nel browser.
Fonti e riferimenti
Questi riferimenti documentano lo standard o l’API del browser citati; non convalidano i risultati dello strumento.