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.