Farba RGB na HSL

Farba podľa odtieňa a svetlosti

Preveďte celočíselné kanály RGB na odtieň, sýtosť a svetlosť. Prevod RGB na HSL použite, keď poznáte presné červené, zelené a modré kanály, ale chcete farby porovnávať alebo upravovať paletu intuitívnejšie. Nástroj prijíma celé kanály od nuly do 255 vo funkcii rgb() alebo oddelené čiarkami. Odtieň určuje dominantný kanál a rozdiely medzi kanálmi.

Kanály sa normalizujú na 0–1; ich maximum, minimum a rozdiel určujú HSL. Keď sú všetky tri kanály rovnaké, sýtosť je nula; sivá potom nemá zmysluplný odtieň a výstup podľa dohody použije nula stupňov. Svetlosť vychádza zo stredu medzi najvyšším a najnižším normalizovaným kanálom. Ukážka dá odtieň približne 211 stupňov, vhodný pri hľadaní príbuzných modrých farieb. Percentá sa zaokrúhlia na dve desatinné miesta. Na konkrétnu kontrolu dá ukážkový vstup rgb(42, 127, 220) výsledok hsl(211.35, 71.77%, 51.37%). 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.