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:
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.
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
