Pretvaranje boja iz HEX u RGB je jednostavno kao pretvaranje njihovih numeričkih vrijednosti iz heksadecimalnog u decimalni brojevni sistem. Da bi se pretvorila heksadecimalna boja #32A852
, podijelili smo kod u parove po dva 32 A8 52
i pretvoriti svaki od para u decimalnu vrijednost:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
Heksadecimalno
opisuje sistem brojeva sa osnovom od 16 - numerički sistem sastavljen od 16 simbola. Koristi brojeve od 0 do 9 za predstavljanje brojeva od 0 do 9, a slova A do F za predstavljanje brojeva od 10 do 15.
Najčešće se koristi u informatici i matematici kao sredstvo za predstavljanje binarnog koda u ljudskom čitljivom obliku.
Za razliku od kompjutera ili naučnika, većina nas koristi decimalni brojevni sistem. Sastoji se od brojeva od 0 do 9 i to je standardni način korištenja brojeva. Počinjemo ga učiti u predškolskoj ustanovi i koristimo ga svaki dan:
auto vozi brzinom od 10 mph mačka ima 4 kg mjesec se sastoji od 30 dana
RGB
označava crvene, zelene i plave nijanse svjetlosti koje se mogu miješati kako bi se stvorile različite boje. To je standardna metoda proizvodnje slika za TV ekrane, kompjuterske monitore i ekrane pametnih telefona.
Da budemo precizniji, RGB je aditivni model boja, što znači da morate dodati nijanse zajedno da biste stvorili drugu boju.
Zamislite slaganje boja jednu na drugu:
Bilješka: različiti uređaji proizvode različite RGB vrijednosti. Svaki uređaj koristi drugačiju teoriju miješanja boja, što znači da RGB boje nisu iste na svim uređajima i potrebno im je upravljanje bojama da bi izgledale isto.
Da biste opisali boju u RGB modelu boja, morate reći koliko je crvene, zelene i plave potrebno.
Vi označavate koliko je crvene, zelene i plave potrebno pomoću RGB trojke (R, G, B)
gdje svaki od elemenata može varirati od nule do definirane maksimalne vrijednosti.
Ako su svi elementi na nuli (0, 0, 0)
- rezultat je crna boja.
Ako su svi elementi na maksimumu (255, 255, 255)
- rezultat je bijela boja.
Kombinacije ovih brojeva čine različite boje (255, 255, 0)
- rezultat je žuta boja
Ovo je poznato kao dubina boje i mjeri se u bitovima.
Od 2018. godine, skoro svaki ekran televizora, računara i pametnog telefona koristi 24-bitnu dubinu boje poznatu kao prava boja. Podržava osam bita za svaku od tri boje, ili ukupno 24 bita.
Ovo obezbeđuje 28 ili 256 moguće vrijednosti za crvenu, zelenu i plavu:
256 x 256 x 256 = 16,777,216 ukupne moguće boje u pravoj paleti boja
Sada kada znamo razliku između heksadecimalne i decimalne, hajde da ispitamo kako možemo da konvertujemo iz jednog u drugi.
Kao što već znamo, u heksadecimalnom brojevnom sistemu brojevi od 0 do 9 predstavljaju 0 do 9, a slova A do F predstavljaju 10 do 15 u decimalnom sistemu.
Evo detaljne tabele koja je dobra u objašnjavanju konverzije iz heksadecimalnih u decimalne brojeve:
Da biste pretvorili HEX u RGB, morate podijeliti heksadecimalnu vrijednost u parove po dva i pretvoriti je u decimalni broj.
Primjer #1: pretvoriti crvenu boju #FF0000
to RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Primjer #2: pretvoriti zelenu boju #00FF00
to RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Primjer #3: pretvoriti plavu boju #0000FF
to RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Primjer #4: pretvoriti crnu boju #000000
to RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Primjer #5: pretvoriti boju u bijelu #FFFFFF
to RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bonus primjer #6: pretvoriti zlatnu boju #FFD700
to RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Da biste pretvorili RGB u HEX, morate pretvoriti crveno zelene i plave vrijednosti boje iz decimalnih u heksadecimalne.
Primjer #1: pretvoriti crvenu boju (255, 0, 0)
to HEX:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEX = #FF0000
Primjer #2: pretvoriti zelenu boju (0, 255, 0)
to HEX:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEX = #00FF00
Primjer #3: pretvoriti plavu boju (0, 0, 255)
to HEX:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEX = #0000FF
Primjer #4: pretvoriti crnu boju (0, 0, 0)
to HEX:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEX = #000000
Primjer #5: pretvoriti boju u bijelu (255, 255, 255)
to HEX:
R = 255 = FF G = 255 = FF B = 255 = FF HEX = #FFFFFF
Bonus primjer #6: pretvoriti zlatnu boju (255, 215, 0)
to HEX:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEX = #FFD700
Kao što možemo vidjeti iz gornjih primjera, glavna razlika između Hex-a i RGB-a je u tome što koristi različite numeričke sisteme. HEX koristi heksadecimalni, a RGB koristi decimalni.
Pretvaranje boja iz HEX u RGB je jednostavno kao pretvaranje njihovih numeričkih vrijednosti iz heksadecimalnog u decimalni brojevni sistem.
Iz našeg iskustva i onoga što je naš tim uočio tokom godina, heksadecimalni se koristi češće od RGB-a, posebno u web razvoju i industriji web dizajna.
Međutim, nema razlike koju ćete koristiti jer obje predstavljaju istu boju. Jedini prijedlog - ostanite dosljedni.
Ako počnete koristiti RGB u cijelom našem web projektu - držite ga se. Ako počnete koristiti HEX u cijelom našem web projektu, pokušajte koristiti samo HEX