Tražite druge pretvarače boja?
Kako pretvoriti HEX u RGB
Pretvaranje boja iz HEX u RGB jednako je jednostavno kao pretvaranje njihovih brojčanih vrijednosti iz heksadecimalnog u decimalni sustav brojeva. Da biste pretvorili hex boju #32A852, dijelimo kod u parove po dva 32 A8 52 i pretvorite svaki od para u decimalnu vrijednost:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Što je heksadecimalno
Heksadecimalni opisuje sustav brojeva s bazom 16 - sustav brojeva sastavljen od 16 simbola. Koristi brojeve od 0 do 9 za predstavljanje brojeva od 0 do 9, a slova od 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 obliku čitljivom za čovjeka.
Za razliku od računala ili znanstvenika, većina nas koristi decimalni brojevni sustav. 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
Što je RGB
RGB označava crvene, zelene i plave nijanse svjetla koje se mogu miješati kako bi se stvorile različite boje. To je standardna metoda proizvodnje slika za TV ekrane, računalne monitore i zaslone pametnih telefona.
Da budemo precizniji, RGB je aditivni model boja, što znači da morate dodati nijanse zajedno kako 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 različitu teoriju miješanja boja, što znači da RGB boje nisu iste na svim uređajima i potrebno im je upravljanje bojama kako bi izgledali 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 korištenjem RGB tripleta (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 maksimalni (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, gotovo svaki zaslon televizora, računala i pametnog telefona koristi poznatu 24-bitnu dubinu boje prava boja. Podržava osam bita za svaku od tri boje ili ukupno 24 bita.
Ovo osigurava 28 ili 256 moguće vrijednosti za crvenu, zelenu i plavu:
256 x 256 x 256 = 16,777,216 ukupno mogućih boja u pravoj paleti boja
Sada kada znamo razliku između heksadecimalnog i decimalnog, provjerimo kako možemo pretvoriti iz jednog u drugi.
Kao što već znamo, u heksadecimalnom brojevnom sustavu brojevi od 0 do 9 predstavljaju 0 do 9, a slova od A do F predstavljaju 10 do 15 u decimalnom sustavu.
Ovdje je detaljna tablica koja dobro objašnjava pretvorbu iz heksadecimalnih u decimalne brojeve:
Kako pretvoriti HEX u RGB
Kako biste pretvorili HEX u RGB, morate podijeliti heksadecimalnu vrijednost u dva para i pretvoriti je u decimalni broj.
Primjer #1: pretvoriti crvenu boju #FF0000 do RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Primjer #2: pretvoriti zelenu boju #00FF00 do RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Primjer #3: pretvoriti plavu boju #0000FF do RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Primjer #4: pretvoriti crnu boju #000000 do RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Primjer #5: pretvoriti bijelu boju #FFFFFF do RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus primjer #6: pretvoriti zlatnu boju #FFD700 do RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Kako pretvoriti RGB u HEX
Kako biste pretvorili RGB u HEX, morate pretvoriti vrijednosti crveno zelene i plave boje iz decimalnih u heksadecimalne.
Primjer #1: pretvoriti crvenu boju (255, 0, 0) do HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Primjer #2: pretvoriti zelenu boju (0, 255, 0) do HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Primjer #3: pretvoriti plavu boju (0, 0, 255) do HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Primjer #4: pretvoriti crnu boju (0, 0, 0) do HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Primjer #5: pretvoriti bijelu boju (255, 255, 255) do HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus primjer #6: pretvoriti zlatnu boju (255, 215, 0) do HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Razlika između Hex i RGB
Kao što možemo vidjeti iz gornjih primjera, glavna razlika između Hex i RGB je u tome što koriste različite numeričke sustave. HEX koristi heksadecimalni, a RGB decimalni.
Pretvaranje boja iz HEX u RGB jednako je jednostavno kao pretvaranje njihovih brojčanih vrijednosti iz heksadecimalnog u decimalni sustav brojeva.
HEX vs RGB - koji je bolji
Iz našeg iskustva i onoga što je naš tim primijetio tijekom godina, heksadecimalni se koristi češće od RGB-a, posebno u industriji web-razvoja i web-dizajna.
Međutim, nema razlike koju ćete koristiti jer obje predstavljaju istu boju. Jedini prijedlog - ostanite dosljedni.
Ako počnete koristiti RGB kroz naš web projekt - držite ga se. Ako počnete koristiti HEX kroz naš web projekt, pokušajte koristiti samo HEX
