Hľadáte iné prevodníky farieb?
Ako previesť HEX na RGB
Prevod farieb z HEX na RGB je rovnako jednoduchý ako prevod ich číselných hodnôt z hexadecimálneho na desiatkové číslo. Ak chcete previesť hexadecimálnu farbu #32A852, rozdelíme kód na dvojice po dvoch 32 A8 52 a previesť každý z páru na desatinnú hodnotu:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Čo je hexadecimálne
Hexadecimálne opisuje číselný systém so základom 16 - číselný systém zložený 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ť 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í
Čo je RGB
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
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é:
Ako previesť HEX na RGB
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 previesť RGB na HEX
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
Rozdiel medzi Hex a RGB
Ako vidíme z vyššie uvedených príkladov, hlavný rozdiel medzi Hex a RGB je v tom, že používa rôzne číselné systémy. HEX používa hexadecimálne číslo a RGB používa desiatkové číslo.
Prevod farieb z HEX na RGB je taký jednoduchý ako prevod ich číselných hodnôt zo hexadecimálneho na desiatkové číslo.
HEX vs RGB - ktorý z nich je lepší
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
