Text a kód / MULTIVERTO

Barva HEX na RGB

Převeďte barvu #RGB nebo #RRGGBB na tři hodnoty kanálů RGB.

Okamžitý převodVáš vstup zůstává v prohlížeči. Text k převodu nikam neodesíláme.
Soubor zůstává ve vašem prohlížeči.
Řetězit nástroje

Každý textový nástroj použijte na předchozí výsledek.

01 / Postup

Jak to funguje

Každá hexadecimální dvojice tvoří červený, zelený nebo modrý kanál od 0 do 255; zkrácené číslice se zdvojí.

Užitečná poznámka

Výsledek nemá alfa kanál; nástroj používá celočíselné RGB a běžné HSL, nikoli profily správy barev.

02 / Příklad

Příklad

Váš vstup#2A7FDC
Výsledekrgb(42, 127, 220)

03 / Postup

Barva HEX na RGB — Jak to funguje

Z hexadecimálního vzorku na kanály

Převeďte barvu #RGB nebo #RRGGBB na tři hodnoty kanálů RGB. Tento směr použijte, když designová proměnná nebo pravidlo CSS uvádí HEX kód, ale grafický ovladač žádá zvláštní celá čísla pro červenou, zelenou a modrou. Volitelný znak # je součást zápisu, nikoli číselné hodnoty. Třímístná zkratka se před převodem rozšíří: #ABC znamená #AABBCC.

Každá hexadecimální dvojice tvoří červený, zelený nebo modrý kanál od 0 do 255; zkrácené číslice se zdvojí. U #2A7FDC se dvojice 2A, 7F a DC změní na desítkové hodnoty 42, 127 a 220. Zadejte pouze tři nebo šest hexadecimálních číslic; čtyř- a osmimístné kódy obsahují alfa kanál a zde se odmítnou. Výstup rgb() lze použít v CSS i číst po kanálech. Pro konkrétní kontrolu dává ukázkový vstup #2A7FDC výsledek rgb(42, 127, 220). Původní hodnotu uchovejte vedle výsledku pro porovnání v jiné aplikaci.

Jak fungují barevné modely

HEX a RGB popisují stejné tři kanály aditivního světla. Každý kanál má celočíselnou hodnotu od nuly do 255 a hexadecimální zápis ji vyjadřuje dvěma číslicemi v základu šestnáct. Šestimístný kód tedy obsahuje dvojice pro červenou, zelenou a modrou v tomto pořadí. HSL popisuje stejnou RGB barvu jinak: odstín určuje polohu na barevném kruhu, sytost vzdálenost od šedé se stejnou světlostí a světlost polohu mezi černou a bílou. Tyto tvary pomáhají porovnávat designové proměnné, číst CSS a upravovat paletu.

Volba správného zápisu

Výsledek nemá alfa kanál; nástroj používá celočíselné RGB a běžné HSL, nikoli profily správy barev. Zvolte podobu, kterou očekává místo, kam výsledek vložíte. CSS přijímá hexadecimální barvy i funkce rgb() a hsl(), ale designový systém nebo grafický program může ukládat kanály zvlášť. Nástroj používá běžné výpočty sRGB; nepřevádí profily obrazovek ani nepředpovídá zobrazení na každém monitoru. Tyto tříkanálové výsledky neobsahují průhlednost. Čtyř- či osmimístný kód s alfa kanálem vyžaduje jiný postup. Celočíselné kanály RGB a zobrazené desetinné hodnoty HSL se mohou zaokrouhlit, takže zpětný převod může změnit jeden kanál o jednotku. Při přenosu barvy do CSS zkontrolujte také skutečný barevný vzorek a způsob, jakým cílový nástroj zapisuje procenta nebo stupně. Tak odhalíte chybnou syntaxi dřív, než změní celou paletu.

Jak se vstup mění na výsledek
Barva HEX
Barevné kanály
Barva RGB