Hledáte jiné převodníky barev?
Jak převést HEX na RGB
Převod barev z HEX na RGB je stejně jednoduchý jako převod jejich číselných hodnot z hexadecimální na desítkovou soustavu čísel. Chcete-li převést hexadecimální barvu #32A852, rozdělíme kód na dvojice po dvou 32 A8 52 a převést každý z páru na desítkovou hodnotu:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Co je hexadecimální
Hexadecimální popisuje číselný systém se základnou 16 - číselný systém tvořený 16 symboly. Používá čísla od 0 do 9 k reprezentaci čísel od 0 do 9 a písmena A až F k reprezentaci čísel od 10 do 15.
Nejčastěji se používá v informatice a matematice jako prostředek k reprezentaci binárního kódu v lidsky čitelné formě.
Na rozdíl od počítačů nebo vědců většina z nás používá desítkovou číselnou soustavu. Skládá se z čísel od 0 do 9 a je to standardní způsob použití čísel. Začínáme se to učit v mateřské škole a používáme to každý den:
auto jede rychlostí 10 mph
kočka váží 4 kg
měsíc se skládá ze 30 dnů
Co je RGB
RGB znamená červené, zelené a modré odstíny světla, které lze smíchat a vytvořit tak různé barvy. Jedná se o standardní metodu vytváření obrázků pro televizní obrazovky, počítačové monitory a displeje chytrých telefonů.
Přesněji řečeno, RGB je aditivní barevný model, což znamená, že musíte přidat odstíny dohromady, abyste vytvořili jinou barvu.
Představte si skládání barev jedna na druhou:
Poznámka: různá zařízení produkují různé hodnoty RGB. Každé zařízení používá jinou teorii míchání barev, což znamená, že barvy RGB nejsou na všech zařízeních stejné a potřebují správu barev, aby vypadaly stejně.
Chcete-li popsat barvu v barevném modelu RGB, musíte říci, kolik červené, zelené a modré je potřeba.
Pomocí trojice RGB určíte, kolik červené, zelené a modré je potřeba (R, G, B) kde každý z prvků se může měnit od nuly do definované maximální hodnoty.
Pokud jsou všechny prvky nulové (0, 0, 0) - výsledkem je černá barva.
Pokud jsou všechny prvky na maximu (255, 255, 255) - výsledkem je bílá barva.
Kombinace těchto čísel tvoří různé barvy (255, 255, 0) - výsledkem je žlutá barva
Toto je známé jako barevná hloubka a měří se v bitech.
Od roku 2018 používá téměř každý displej televizoru, počítače a smartphonu 24bitovou barevnou hloubku známou jako pravdivá barva. Podporuje osm bitů pro každou ze tří barev nebo celkem 24 bitů.
To poskytuje 28 nebo 256 možné hodnoty pro červenou, zelenou a modrou:
256 x 256 x 256 = 16,777,216 celkové možné barvy ve skutečné paletě barev
Nyní, když známe rozdíl mezi šestnáctkovou a desítkovou soustavou, prozkoumejme, jak můžeme převádět z jednoho na druhé.
Jak již víme, v šestnáctkové soustavě čísla od 0 do 9 představují 0 až 9 a písmena A až F 10 až 15 v desítkové soustavě.
Zde je podrobná tabulka, která dobře vysvětluje převod z hexadecimálních čísel na desítková:
Jak převést HEX na RGB
Chcete-li převést HEX na RGB, musíte rozdělit hexadecimální hodnotu na dvojice po dvou a převést ji na desítkové číslo.
Příklad #1: převést barvu na červenou #FF0000 na RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Příklad #2: převést barvu na zelenou #00FF00 na RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Příklad #3: převést modrou barvu #0000FF na RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Příklad #4: převést barvu na černou #000000 na RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Příklad #5: převést barvu na bílou #FFFFFF na RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus příklad #6: převést barvu na zlato #FFD700 na RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Jak převést RGB na HEX
Chcete-li převést RGB na HEX, musíte převést hodnoty červené, zelené a modré barvy z desítkové do šestnáctkové soustavy.
Příklad #1: převést barvu na červenou (255, 0, 0) na HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Příklad #2: převést barvu na zelenou (0, 255, 0) na HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Příklad #3: převést modrou barvu (0, 0, 255) na HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Příklad #4: převést barvu na černou (0, 0, 0) na HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Příklad #5: převést barvu na bílou (255, 255, 255) na HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus příklad #6: převést barvu na zlato (255, 215, 0) na HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Rozdíl mezi Hex a RGB
Jak můžeme vidět z výše uvedených příkladů, hlavní rozdíl mezi Hex a RGB je v tom, že používá různé číselné systémy. HEX používá šestnáctkové a RGB používá desítkové.
Převod barev z HEX na RGB je stejně jednoduchý jako převod jejich číselných hodnot z hexadecimální na desítkovou soustavu čísel.
HEX vs RGB - který z nich je lepší
Z našich zkušeností a z toho, co náš tým v průběhu let pozoroval, se šestnáctková soustava používá častěji než RGB, zejména ve vývoji webových aplikací a webdesignu.
Nezáleží však na tom, který z nich použijete, protože oba představují stejnou barvu. Jediný návrh - zůstaňte konzistentní.
Pokud v našem webovém projektu začnete používat RGB – držte se ho. Pokud začnete používat HEX v celém našem webovém projektu, zkuste používat pouze HEX
