Z hexadecimálnej vzorky na kanály
Preveďte farbu #RGB alebo #RRGGBB na tri hodnoty kanálov RGB. Tento smer použite, keď dizajnová premenná alebo pravidlo CSS uvádza HEX kód, no grafický ovládač žiada osobitné celé čísla pre červenú, zelenú a modrú. Voliteľný znak # je súčasť zápisu, nie číselnej hodnoty. Trojmiestna skratka sa pred prevodom rozšíri: #ABC znamená #AABBCC.
Každá hexadecimálna dvojica tvorí červený, zelený alebo modrý kanál od 0 do 255; skrátené číslice sa zdvojnásobia. Pri #2A7FDC sa dvojice 2A, 7F a DC zmenia na desiatkové hodnoty 42, 127 a 220. Zadajte iba tri alebo šesť hexadecimálnych číslic; štvor- a osemmiestne kódy obsahujú alfa kanál a tu sa odmietnu. Výstup rgb() možno použiť v CSS aj čítať po kanáloch. Na konkrétnu kontrolu dá ukážkový vstup #2A7FDC výsledok rgb(42, 127, 220). Pôvodnú hodnotu si ponechajte vedľa výsledku na porovnanie v inej aplikácii.
Ako fungujú farebné modely
HEX a RGB opisujú rovnaké tri kanály aditívneho svetla. Každý kanál má celočíselnú hodnotu od nuly do 255 a hexadecimálny zápis ju vyjadruje dvoma číslicami so základom šestnásť. Šesťmiestny kód teda obsahuje dvojice pre červenú, zelenú a modrú v tomto poradí. HSL opisuje tú istú RGB farbu inak: odtieň určuje polohu na farebnom kruhu, sýtosť vzdialenosť od sivej s rovnakou svetlosťou a svetlosť polohu medzi čiernou a bielou. Tieto tvary pomáhajú porovnávať dizajnové premenné, čítať CSS a upravovať paletu.
Výber správneho zápisu
Výsledok nemá alfa kanál; nástroj používa celočíselné RGB a bežné HSL, nie profily správy farieb. Zvoľte podobu, ktorú očakáva miesto, kam výsledok vložíte. CSS prijíma hexadecimálne farby aj funkcie rgb() a hsl(), no dizajnový systém alebo grafický program môže ukladať kanály osobitne. Nástroj používa bežné výpočty sRGB; neprevádza profily obrazoviek ani nepredpovedá zobrazenie na každom monitore. Tieto trojkanálové výsledky neobsahujú priehľadnosť. Štvor- alebo osemmiestny kód s alfa kanálom potrebuje iný postup. Celočíselné kanály RGB a zobrazené desatinné hodnoty HSL sa môžu zaokrúhliť, preto spätný prevod môže zmeniť jeden kanál o jednotku. Pri prenose farby do CSS skontrolujte aj skutočnú farebnú vzorku a spôsob, akým prijímací nástroj zapisuje percentá či stupne. Tak odhalíte chybnú syntax skôr než zmení vzhľad celej palety.