Come convertire HEX in RGB (e perché i designer passano dall'uno all'altro)

Se lavori con il colore sul web, hai incontrato lo stesso valore scritto in due modi diversi. Un designer ti consegna #3498DB, ma il tuo codice ha bisogno di rgb(52, 152, 219). Entrambi descrivono esattamente lo stesso blu, solo in una notazione diversa. Sapere come passare da HEX a RGB, e perché farlo, ti risparmia un sacco di tentativi a indovinare. Questa guida spiega entrambi i formati in parole semplici e mostra come convertirli all’istante con il Convertitore di Colore gratuito.

Cosa significa un codice colore HEX

Un colore HEX è la stringa #RRGGBB che vedi ovunque nei CSS e negli strumenti di design. Il cancelletto è soltanto un segnaposto, e i sei caratteri che lo seguono sono tre coppie: rosso, verde e blu. Ogni coppia è un numero esadecimale (base 16) che va da 00 a FF, ovvero da 0 a 255 nel sistema decimale di tutti i giorni.

Prendiamo #3498DB. Dividilo in 34, 98 e DB. Sono le quantità di rosso, verde e blu. 34 in esadecimale è 52, 98 è 152 e DB è 219. Il colore ha quindi una buona dose di verde e molto blu con meno rosso, il che dà un pulito azzurro cielo. Una volta che vedi l’HEX come tre numeri di due caratteri, smette di sembrare un codice casuale.

Cosa significa RGB

RGB descrive esattamente la stessa idea, solo in decimale semplice. Invece di #3498DB scrivi rgb(52, 152, 219). Tre numeri, ciascuno da 0 a 255, per rosso, verde e blu. Zero significa nessuna parte di quel canale, 255 significa piena intensità. Tutti e tre a 0 danno il nero, tutti e tre a 255 danno il bianco, e tutto il resto è un mix.

Poiché RGB scrive i numeri per esteso, molti lo trovano più facile da ragionare. Vuoi un po’ più di rosso? Alza il primo numero. L’HEX nasconde quell’aritmetica dietro coppie in base 16, il che è compatto ma meno intuitivo da regolare a mano.

Perché i designer e gli sviluppatori passano dall’uno all’altro

I due formati sono intercambiabili, quindi perché preoccuparsi di convertire? Alcune ragioni pratiche ricorrono di continuo:

• Strumenti diversi parlano formati diversi. Una guida del marchio può elencare l’HEX, mentre un programma di grafica o un pezzo di codice si aspetta l’RGB.
• L’opacità richiede l’RGB. Un semplice codice HEX non può portare trasparenza, ma rgba(52, 152, 219, 0.5) aggiunge un quarto valore per l’alfa. Quando ti serve una sovrapposizione semitrasparente, ricorri alla famiglia RGB.
• Leggibilità e regolazione. L’RGB è più facile da regolare canale per canale; l’HEX è più corto da incollare e condividere.
• Abbinare una palette esistente. Spesso ricevi un colore in una notazione e ti serve nell’altra per restare coerente con il resto di un progetto.

In breve, tieni entrambi a portata di mano e traduci al volo a seconda di ciò che richiede lo strumento o la riga di codice successiva.

Come convertire HEX in RGB all’istante

Non devi mai fare i calcoli esadecimali a mano. Il Convertitore di Colore gratuito li gestisce nel tuo browser, quindi i valori che incolli restano sul tuo dispositivo e non vengono mai caricati altrove.

1. Apri lo strumento e incolla il tuo codice HEX, ad esempio #3498DB.
2. Leggi all’istante i valori RGB corrispondenti.
3. Copia la notazione che ti serve e usa la forma rgba, che gestisce l’alfa, quando vuoi la trasparenza.

Funziona anche nell’altra direzione, così puoi incollare l’RGB e ottenere l’equivalente HEX altrettanto in fretta. Se ti serve solo il viaggio in un’unica direzione, lo strumento dedicato da HEX a RGB fa esattamente questo e nient’altro.

Trovare e creare colori da convertire

A volte la parte più difficile è decidere il colore in partenza. Se hai notato una tonalità in uno screenshot o in una foto e ne vuoi il codice esatto, il Selettore di Colore da Immagine legge il valore direttamente dal pixel. Se parti da zero e vuoi opzioni fresche, il Generatore di Colore HEX ti offre codici da provare. Una volta che hai un colore che ti piace, passalo attraverso il Convertitore di Colore per ottenerlo in ogni notazione di cui il tuo progetto ha bisogno.

In breve

HEX e RGB sono due modi di scrivere lo stesso colore: l’HEX comprime rosso, verde e blu nella stringa in base 16 #RRGGBB, mentre l’RGB li elenca come tre numeri decimali da 0 a 255. Passi dall’uno all’altro perché strumenti diversi, e la trasparenza con rgba, richiedono formati diversi. Ogni volta che devi tradurre l’uno nell’altro, il Convertitore di Colore gratuito lo fa nel tuo browser in un solo passaggio.