Utilizzando questo sito, accetti il nostro utilizzo dei cookie per contenuti e annunci personalizzati. Saperne di più

Convertitore da RGB a HEX

R:
G:
B:

Cerchi altri convertitori di colore?

Come convertire RGB in HEX

Convertire i colori da RGB a HEX è semplice come convertire i loro valori numerici dal sistema numerico decimale a quello esadecimale. Per convertire il colore RGB (50, 168, 82), convertiamo ciascun numero in valore esadecimale:

                50  = 32
                168 = A8
                82  = 52
            
                RGB(50, 168, 82) = #32A852
            

Cos`è RGB

RGB sta per tonalità di luce rossa, verde e blu che possono essere miscelate per creare colori diversi. È il metodo standard per produrre immagini per schermi TV, monitor di computer e schermi di smartphone.

Per essere più precisi, RGB è un modello di colore additivo, il che significa che devi aggiungere tonalità insieme per creare un colore diverso.

Immagina di impilare i colori uno sopra l`altro:

Colori RGB

Nota: dispositivi diversi producono valori RGB diversi. Ogni dispositivo utilizza una teoria di miscelazione dei colori diversa, il che significa che i colori RGB non sono gli stessi su tutti i dispositivi e hanno bisogno della gestione del colore per avere lo stesso aspetto.

Per descrivere un colore nel modello di colore RGB, devi dire quanto rosso, verde e blu è necessario.

Indichi la quantità di rosso, verde e blu necessaria utilizzando una tripletta RGB (R, G, B) dove ciascuno degli elementi può variare da zero a un valore massimo definito.

Se tutti gli elementi sono a zero (0, 0, 0) - il risultato è il colore nero.

Se tutti gli elementi sono al massimo (255, 255, 255) - il risultato è il colore bianco.

Le combinazioni di questi numeri compongono colori diversi (255, 255, 0) - il risultato è il colore giallo

Questo è noto come profondità di colore ed è misurato in bit.

A partire dal 2018, quasi tutti i display di TV, computer e smartphone utilizzano una profondità di colore a 24 bit nota come colore vero. Supporta otto bit per ciascuno dei tre colori o 24 bit in totale.

Questo fornisce 28 o 256 valori possibili per rosso, verde e blu:

                256 x 256 x 256 =  16,777,216 totale dei colori possibili nella vera tavolozza dei colori
            

Che cos`è esadecimale

Esadecimale descrive un sistema numerico in base 16 composto da 16 simboli. Utilizza numeri da 0 a 9 per rappresentare numeri da 0 a 9 e lettere da A a F per rappresentare i numeri da 10 a 15.

Viene spesso utilizzato in informatica e matematica come mezzo per rappresentare il codice binario in una forma leggibile dall`uomo.

A differenza dei computer o degli scienziati, la maggior parte di noi usa il sistema numerico decimale. Consiste di numeri da 0 a 9 ed è il modo standard di utilizzare i numeri. Iniziamo ad impararlo all`asilo e lo usiamo ogni giorno:

                un`auto marcia a 10 mph
                un gatto pesa 4 kg
                un mese è composto da 30 giorni
            

Ora che conosciamo la differenza tra esadecimale e decimale, esaminiamo come possiamo convertire da uno all`altro.

Come già sappiamo, nel sistema numerico esadecimale, i numeri da 0 a 9 rappresentano da 0 a 9 e le lettere da A a F rappresentano da 10 a 15 nel sistema decimale.

Tabella di conversione da esadecimale a decimale

Ecco una tabella approfondita che è utile per spiegare la conversione da numeri esadecimali a numeri decimali:

Come convertire RGB in HEX

Per convertire RGB in HEX, devi convertire i valori di colore rosso verde e blu da decimale a esadecimale.

Esempio #1: convertire il colore rosso (255, 0, 0) per ESADECIMALE:

                R = 255 = FF
                G = 0 = 00
                B = 0 = 00
                ESADECIMALE = #FF0000
            

Esempio #2: convertire il colore verde (0, 255, 0) per ESADECIMALE:

                R = 0 = 00
                G = 255 = FF
                B = 0 = 00
                ESADECIMALE = #00FF00
            

Esempio #3: convertire il colore blu (0, 0, 255) per ESADECIMALE:

                R = 0 = 00
                G = 0 = 00
                B = 255 = FF
                ESADECIMALE = #0000FF
            

Esempio #4: convertire il colore nero (0, 0, 0) per ESADECIMALE:

                R = 0 = 00
                G = 0 = 00
                B = 0 = 00
                ESADECIMALE = #000000
            

Esempio #5: convertire il colore bianco (255, 255, 255) per ESADECIMALE:

                R = 255 = FF
                G = 255 = FF
                B = 255 = FF
                ESADECIMALE = #FFFFFF
            

Bonus esempio #6: convertire il colore oro (255, 215, 0) per ESADECIMALE:

                R = 255 = FF
                G = 215 = D7
                B = 0 = 00
                ESADECIMALE = #FFD700
            

Come convertire HEX in RGB

Per convertire HEX in RGB, devi dividere il valore esadecimale in coppie di due e convertirlo in un numero decimale.

Esempio #1: convertire il colore rosso #FF0000 per RGB:

                FF = 255
                00 = 0
                00 = 0
                RGB = (255, 0, 0)
            

Esempio #2: convertire il colore verde #00FF00 per RGB:

                00 = 0
                FF = 255
                00 = 0
                RGB = (0, 255, 0)
            

Esempio #3: convertire il colore blu #0000FF per RGB:

                00 = 0
                00 = 0
                FF = 255
                RGB = (0, 0, 255)
            

Esempio #4: convertire il colore nero #000000 per RGB:

                00 = 0
                00 = 0
                00 = 0
                RGB = (0, 0, 0)
            

Esempio #5: convertire il colore bianco #FFFFFF per RGB:

                FF = 255
                FF = 255
                FF = 255
                RGB = (255, 255, 255)
            

Bonus esempio #6: convertire il colore oro #FFD700 per RGB:

                FF = 255
                D7 = 215
                00 = 0
                RGB = (255, 215, 0)
            

Differenza tra RGB e Hex

Come possiamo vedere dagli esempi sopra, la principale differenza tra RGB e HEX è che utilizza diversi sistemi numerici. RGB utilizza il decimale e HEX utilizza l`esadecimale.

Convertire i colori da RGB a HEX è semplice come convertire i loro valori numerici dal sistema numerico decimale a quello esadecimale.

RGB vs HEX: qual è il migliore

Dalla nostra esperienza e da quello che il nostro team ha osservato negli anni, l`esadecimale viene utilizzato più spesso che RGB soprattutto nei settori dello sviluppo web e del web design.

Tuttavia, non fa differenza quale si utilizza poiché entrambi rappresentano lo stesso colore. L`unico suggerimento: rimani coerente.

Se inizi a utilizzare RGB in tutto il nostro progetto web, attieniti ad esso. Se inizi a utilizzare HEX in tutto il nostro progetto web, prova a utilizzare solo HEX

Hai bisogno di un logo?

Crea un bellissimo logo per il tuo marchio in pochi minuti. Nessun designer richiesto.