Come converto un colore HEX in RGB?

Incolla il tuo codice esadecimale nella casella (ad esempio 2b59ff), fai clic su Converti e ottieni il valore rgb() corrispondente, come rgb(43, 89, 255). Copialo direttamente nel tuo CSS.

Accetta i codici esadecimali abbreviati a 3 cifre?

Sì. I codici brevi come abc vengono espansi automaticamente, quindi abc diventa aabbcc e si converte in rgb(170, 187, 204). Anche il cancelletto iniziale è facoltativo.

Qual è il formato dell'output?

Restituisce una stringa CSS pronta all'uso nella forma rgb(rosso, verde, blu), con ogni canale espresso da un numero compreso tra 0 e 255. Puoi inserirla direttamente in una proprietà di colore o di sfondo.

I dati del mio colore vengono inviati da qualche parte?

No. La conversione avviene interamente nel browser tramite JavaScript. Nulla viene caricato, non c'è registrazione e lo strumento funziona offline una volta caricata la pagina.

Da HEX a RGB | JotTools

Input

Risultato

Cosa fa questo convertitore da HEX a RGB

Questo strumento trasforma un codice colore esadecimale nel suo equivalente RGB. Digita o incolla qualcosa come #2b59ff e ottieni rgb(43, 89, 255), pronto da incollare in un foglio di stile. È comodo per gli sviluppatori front-end che scrivono CSS, per i designer che traducono una palette tra strumenti diversi e per chiunque abbia un valore esadecimale da una brand guide ma serva la forma rgb() per giochi di opacità o codice più datato.

Comprende sia la forma completa a sei cifre sia l’abbreviazione a tre cifre. Un codice come #abc viene espanso in #aabbcc prima della conversione e il # è facoltativo, perciò 2b59ff funziona bene quanto #2b59ff.

Come usarlo

Digita o incolla il tuo colore esadecimale nella casella di input, ad esempio #c026d3.
Premi il pulsante Converti.
Leggi il risultato nella casella di output, che mostra il valore come rgb(192, 38, 211).
Fai clic su copia per prendere la stringa rgb() e inserirla nel tuo codice.

Se il codice non è un esadecimale valido, ricevi un messaggio chiaro che ti chiede qualcosa come #2b59ff, così non resti mai a indovinare cosa sia andato storto.

Perché convertire qui

È rapido: il calcolo parte nell’istante in cui fai clic, senza ricariche di pagina o attese su un server. È privato, perché la conversione avviene nel browser e il colore che inserisci non lascia mai il tuo dispositivo. Ed è gratis, senza alcun account da creare.

Il risultato segue la sintassi CSS standard, quindi ogni canale rientra tra 0 e 255 esattamente come si aspettano i browser. Questo rende facile estendere il valore a rgba() quando vuoi aggiungere trasparenza. Suggerimento: tieni a portata l’output rgb() quando ti servono effetti di dissolvenza. Una volta ottenuti i tre numeri, aggiungere un canale alpha per rgba(192, 38, 211, 0.5) richiede pochi secondi. Scopri altri strumenti nella categoria convertitori.

Domande frequenti

Come converto un colore HEX in RGB?: Incolla il tuo codice esadecimale nella casella (ad esempio 2b59ff), fai clic su Converti e ottieni il valore rgb() corrispondente, come rgb(43, 89, 255). Copialo direttamente nel tuo CSS.
Accetta i codici esadecimali abbreviati a 3 cifre?: Sì. I codici brevi come abc vengono espansi automaticamente, quindi abc diventa aabbcc e si converte in rgb(170, 187, 204). Anche il cancelletto iniziale è facoltativo.
Qual è il formato dell'output?: Restituisce una stringa CSS pronta all'uso nella forma rgb(rosso, verde, blu), con ogni canale espresso da un numero compreso tra 0 e 255. Puoi inserirla direttamente in una proprietà di colore o di sfondo.
I dati del mio colore vengono inviati da qualche parte?: No. La conversione avviene interamente nel browser tramite JavaScript. Nulla viene caricato, non c'è registrazione e lo strumento funziona offline una volta caricata la pagina.