Farba RGB na HEX

Spojenie kanálov RGB do HEX

Preveďte tri celočíselné kanály RGB na šesťmiestnu hexadecimálnu farbu. Tento nástroj zvoľte, keď inšpektor, kresliaci program alebo výpočet poskytne červený, zelený a modrý kanál, no štýlový súbor potrebuje krátky HEX kód. Môžete zadať rgb(42, 127, 220) alebo tri celé čísla oddelené čiarkami. Prevodník neprijíma percentá, zlomkové hodnoty kanálov ani štvrtú hodnotu alfa.

Červený, zelený a modrý kanál sa zapíšu po dvoch hexadecimálnych čísliciach v poradí RRGGBB. Kanál 42 je v šestnástkovej sústave 2A, 127 je 7F a 220 je DC, spolu teda #2A7FDC. Každý kanál má presne dve číslice vrátane úvodnej nuly pri hodnotách pod šestnásť. Veľkosť hexadecimálnych písmen farbu nemení; výstup používa veľké písmená pre jednotnosť. Na konkrétnu kontrolu dá ukážkový vstup rgb(42, 127, 220) výsledok #2A7FDC. 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.