Prevod farieb z RGB do HEX je taký jednoduchý ako prevod ich číselných hodnôt z desiatkového na hexadecimálny číselný systém. Aby sme mohli previesť farbu RGB (50, 168, 82), skonvertujeme každé číslo na hexadecimálnu hodnotu:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
RGB
je skratka pre červené, zelené a modré odtiene svetla, ktoré možno zmiešať a vytvoriť tak rôzne farby. Je to štandardná metóda vytvárania obrázkov pre televízne obrazovky, počítačové monitory a displeje smartfónov.
Presnejšie povedané, RGB je aditívny farebný model, čo znamená, že na vytvorenie inej farby musíte pridať odtiene.
Predstavte si skladanie farieb jedna na druhú:
Poznámka: rôzne zariadenia produkujú rôzne hodnoty RGB. Každé zariadenie používa inú teóriu miešania farieb, čo znamená, že farby RGB nie sú na všetkých zariadeniach rovnaké a potrebujú správu farieb, aby vyzerali rovnako.
Ak chcete opísať farbu vo farebnom modeli RGB, musíte povedať, koľko červenej, zelenej a modrej je potrebné.
Pomocou trojice RGB určíte, koľko červenej, zelenej a modrej je potrebné (R, G, B)
kde každý z prvkov sa môže meniť od nuly po definovanú maximálnu hodnotu.
Ak sú všetky prvky nulové (0, 0, 0)
- výsledkom je čierna farba.
Ak sú všetky prvky na maxime (255, 255, 255)
- výsledkom je biela farba.
Kombinácie týchto čísel tvoria rôzne farby (255, 255, 0)
- výsledkom je žltá farba
Toto je známe ako farebná hĺbka a meria sa v bitoch.
Od roku 2018 používa takmer každý displej televízora, počítača a smartfónu 24-bitovú farebnú hĺbku, tzv skutočná farba. Podporuje osem bitov pre každú z troch farieb alebo celkovo 24 bitov.
Toto poskytuje 28 alebo 256 možné hodnoty pre červenú, zelenú a modrú:
256 x 256 x 256 = 16,777,216 celkové možné farby v skutočnej palete farieb
Hexadecimálne
opisuje číselný systém so základom 16, ktorý sa skladá zo 16 symbolov. Používa čísla od 0 do 9 na znázornenie čísel od 0 do 9 a písmená A až F na znázornenie čísel od 10 do 15.
Najčastejšie sa používa v informatike a matematike ako prostriedok na reprezentáciu binárneho kódu v ľudsky čitateľnej forme.
Na rozdiel od počítačov alebo vedcov väčšina z nás používa desiatkovú číselnú sústavu. Pozostáva z čísel od 0 do 9 a je to štandardný spôsob používania čísel. Začíname sa ho učiť už v škôlke a používame ho každý deň:
auto ide rýchlosťou 10 mph mačka váži 4 kg mesiac sa skladá z 30 dní
Teraz, keď poznáme rozdiel medzi šestnástkovou a desiatkovou sústavou, pozrime sa, ako môžeme konvertovať z jednej na druhú.
Ako už vieme, v šestnástkovej sústave čísla od 0 do 9 predstavujú 0 až 9 a písmená A až F predstavujú 10 až 15 v desiatkovej sústave.
Tu je podrobná tabuľka, ktorá dobre vysvetľuje prevod z hexadecimálnych čísel na desatinné:
Ak chcete previesť RGB na HEX, musíte previesť hodnoty červenej, zelenej a modrej farby z desiatkovej na šestnástkovú.
Príklad #1: previesť farbu na červenú (255, 0, 0)
do HEX:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEX = #FF0000
Príklad #2: previesť farbu na zelenú (0, 255, 0)
do HEX:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEX = #00FF00
Príklad #3: previesť modrú farbu (0, 0, 255)
do HEX:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEX = #0000FF
Príklad #4: previesť farbu na čiernu (0, 0, 0)
do HEX:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEX = #000000
Príklad #5: previesť farbu na bielu (255, 255, 255)
do HEX:
R = 255 = FF G = 255 = FF B = 255 = FF HEX = #FFFFFF
Bonus príklad #6: previesť farbu na zlatú (255, 215, 0)
do HEX:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEX = #FFD700
Ak chcete previesť HEX na RGB, musíte rozdeliť hexadecimálnu hodnotu na páry po dvoch a previesť ju na desiatkové číslo.
Príklad #1: previesť farbu na červenú #FF0000
do RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Príklad #2: previesť farbu na zelenú #00FF00
do RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Príklad #3: previesť modrú farbu #0000FF
do RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Príklad #4: previesť farbu na čiernu #000000
do RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Príklad #5: previesť farbu na bielu #FFFFFF
do RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bonus príklad #6: previesť farbu na zlatú #FFD700
do RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Ako vidíme z vyššie uvedených príkladov, hlavný rozdiel medzi RGB a HEX je v tom, že používa rôzne číselné systémy. RGB používa desiatkové a HEX používa hexadecimálne.
Prevod farieb z RGB do HEX je taký jednoduchý ako prevod ich číselných hodnôt z desiatkovej do hexadecimálnej číselnej sústavy.
Z našich skúseností a z toho, čo náš tím pozoroval v priebehu rokov, sa hexadecimálne číslo používa častejšie ako RGB, najmä v priemysle vývoja webu a webdizajnu.
Nezáleží však na tom, ktorý z nich použijete, pretože oba predstavujú rovnakú farbu. Jediný návrh - zostaňte konzistentní.
Ak začnete používať RGB v našom webovom projekte - držte sa ho. Ak začnete používať HEX v našom webovom projekte, skúste použiť iba HEX