Convertirea culorilor din HEX în RGB este la fel de simplă ca și conversia valorilor lor numerice din sistemul de numere hexazecimal în zecimal. Pentru a converti culoarea hexagonală #32A852
, împărțim codul în perechi de două 32 A8 52
și convertiți fiecare pereche într-o valoare zecimală:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
hexazecimal
descrie un sistem numeric de bază 16 - un sistem numeric format din 16 simboluri. Folosește numere de la 0 la 9 pentru a reprezenta numerele de la 0 la 9 și literele de la A la F pentru a reprezenta numerele de la 10 la 15.
Este cel mai adesea folosit în informatică și matematică ca mijloc de a reprezenta codul binar într-o formă care poate fi citită de om.
Spre deosebire de computere sau oameni de știință, cei mai mulți dintre noi folosesc sistemul numeric zecimal. Este format din numere de la 0 la 9 și este modul standard de a folosi numerele. Începem să-l învățăm în grădiniță și îl folosim în fiecare zi:
o mașină circulă cu 10 mph o pisica cantareste 4 kg o lună este făcută din 30 de zile
RGB
reprezintă nuanțe de lumină roșu, verde și albastru care pot fi amestecate pentru a crea diferite culori. Este metoda standard de producere a imaginilor pentru ecranele TV, monitoarele computerelor și afișajele smartphone-urilor.
Pentru a fi mai precis, RGB este un model de culoare aditiv, ceea ce înseamnă că trebuie să adăugați nuanțe împreună pentru a crea o culoare diferită.
Imaginați-vă că stivuiți culorile una peste alta:
Notă: diferite dispozitive produc valori RGB diferite. Fiecare dispozitiv folosește o teorie diferită de amestecare a culorilor, ceea ce înseamnă că culorile RGB nu sunt aceleași pe toate dispozitivele și au nevoie de gestionarea culorilor pentru a arăta la fel.
Pentru a descrie o culoare în modelul de culoare RGB, trebuie să spuneți cât de mult roșu, verde și albastru este nevoie.
Indicați cât de mult de roșu, verde și albastru este nevoie folosind un triplet RGB (R, G, B)
unde fiecare dintre elemente poate varia de la zero la o valoare maximă definită.
Dacă toate elementele sunt la zero (0, 0, 0)
- rezultatul este culoarea neagră.
Dacă toate elementele sunt la maximum (255, 255, 255)
- rezultatul este culoarea albă.
Combinațiile acestor numere formează culori diferite (255, 255, 0)
- rezultatul este culoarea galbenă
Aceasta este cunoscută ca adâncimea culorii și se măsoară în biți.
Începând cu 2018, aproape fiecare ecran de televizor, computer și smartphone folosește o adâncime de culoare de 24 de biți cunoscută ca culoare adevarata. Acceptă opt biți pentru fiecare dintre cele trei culori, sau 24 de biți în total.
Aceasta oferă 28 sau 256 valori posibile pentru roșu, verde și albastru:
256 x 256 x 256 = 16,777,216 totalul de culori posibile în paleta de culori adevărate
Acum că știm diferența dintre hexazecimal și zecimal, haideți să examinăm cum putem converti de la unul la altul.
După cum știm deja, în sistemul numeric hexazecimal, numerele de la 0 la 9 reprezintă de la 0 la 9, iar literele de la A la F reprezintă de la 10 la 15 în sistemul zecimal.
Iată un tabel aprofundat care este bun la explicarea conversiei de la numere hexazecimale la numere zecimale:
Pentru a converti HEX în RGB, trebuie să împărțiți valoarea hexazecimală în perechi de două și să o convertiți într-un număr zecimal.
Exemplu #1: converti culoarea rosie #FF0000
la RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Exemplu #2: converti culoarea verde #00FF00
la RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Exemplu #3: converti culoarea albastru #0000FF
la RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Exemplu #4: converti culoarea negru #000000
la RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Exemplu #5: converti culoarea alb #FFFFFF
la RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Primă exemplu #6: converti culoarea auriu #FFD700
la RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Pentru a converti RGB în HEX, trebuie să convertiți valorile culorii roșu, verde și albastru din zecimal în hexazecimal.
Exemplu #1: converti culoarea rosie (255, 0, 0)
la HEX:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEX = #FF0000
Exemplu #2: converti culoarea verde (0, 255, 0)
la HEX:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEX = #00FF00
Exemplu #3: converti culoarea albastru (0, 0, 255)
la HEX:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEX = #0000FF
Exemplu #4: converti culoarea negru (0, 0, 0)
la HEX:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEX = #000000
Exemplu #5: converti culoarea alb (255, 255, 255)
la HEX:
R = 255 = FF G = 255 = FF B = 255 = FF HEX = #FFFFFF
Primă exemplu #6: converti culoarea auriu (255, 215, 0)
la HEX:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEX = #FFD700
După cum putem vedea din exemplele de mai sus, principala diferență dintre Hex și RGB este că folosește sisteme numerice diferite. HEX folosește hexazecimal, iar RGB folosește zecimal.
Convertirea culorilor din HEX în RGB este la fel de simplă ca și conversia valorilor lor numerice din sistemul de numere hexazecimal în zecimal.
Din experiența noastră și din ceea ce echipa noastră a observat de-a lungul anilor, hexazecimalul este folosit mai des decât RGB, în special în industriile de dezvoltare web și design web.
Cu toate acestea, nu are nicio diferență pe care o folosiți, deoarece ambele reprezintă aceeași culoare. Singura sugestie - fii consecvent.
Dacă începeți să utilizați RGB în proiectul nostru web - rămâneți la el. Dacă începeți să utilizați HEX pe parcursul proiectului nostru web, încercați să utilizați numai HEX