Hledáte jiné převodníky barev?
Jak převést RGB na HEX
Převod barev z RGB do HEX je stejně jednoduchý jako převod jejich číselných hodnot z desítkové soustavy na hexadecimální. Aby bylo možné převést barvu RGB (50, 168, 82), převedeme každé číslo na hexadecimální hodnotu:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
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
Co je hexadecimální
Hexadecimální popisuje číselný systém se základnou 16 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ů
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 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
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)
Rozdíl mezi RGB a Hex
Jak můžeme vidět z výše uvedených příkladů, hlavní rozdíl mezi RGB a HEX je v tom, že používá různé číselné systémy. RGB používá desítkové a HEX používá šestnáctkové.
Převod barev z RGB na HEX je stejně jednoduchý jako převod jejich číselných hodnot z desítkové do šestnáctkové soustavy.
RGB vs HEX - 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
