Používaním tejto stránky súhlasíte s naším používaním cookies pre personalizovaný obsah a reklamy. Uč sa viac

Konvertor RGB na HEX

R:
G:
B:

Hľadáte iné prevodníky farieb?

Ako previesť RGB na HEX

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
            

Č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ú:

RGB farby

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
            

Čo je hexadecimálne

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.

Prevodová tabuľka hexadecimálneho na desatinné číslo

Tu je podrobná tabuľka, ktorá dobre vysvetľuje prevod z hexadecimálnych čísel na desatinné:

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
            

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)
            

Rozdiel medzi RGB a Hex

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.

RGB vs HEX - 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

Potrebujete logo?

Vytvorte si krásne logo pre svoju značku za pár minút. Nevyžadujú sa žiadni dizajnéri.