Pretvaranje boja iz RGB u HEX je jednostavno kao i pretvaranje njihovih numeričkih vrijednosti iz decimalnog u heksadecimalni brojevni sistem. Da bismo pretvorili RGB boju (50, 168, 82), svaki broj pretvaramo u heksadecimalnu vrijednost:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
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
Heksadecimalno
opisuje sistem brojeva na bazi 16 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
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 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
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)
Kao što možemo vidjeti iz gornjih primjera, glavna razlika između RGB i HEX je u tome što koristi različite numeričke sisteme. RGB koristi decimalni, a HEX heksadecimalni.
Pretvaranje boja iz RGB u HEX je jednostavno kao i pretvaranje njihovih numeričkih vrijednosti iz decimalnog u heksadecimalni 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