Barva RGB na HSL

Barva podle odstínu a světlosti

Převeďte celočíselné kanály RGB na odstín, sytost a světlost. Převod RGB na HSL použijte, když znáte přesné červené, zelené a modré kanály, ale chcete barvy porovnávat nebo upravovat paletu intuitivněji. Nástroj přijímá celé kanály od nuly do 255 ve funkci rgb() nebo oddělené čárkami. Odstín určuje dominantní kanál a rozdíly mezi kanály.

Kanály se normalizují na 0–1; jejich maximum, minimum a rozdíl určují HSL. Když jsou všechny tři kanály stejné, sytost je nula; šedá pak nemá smysluplný odstín a výstup podle dohody použije nula stupňů. Světlost vychází ze středu mezi nejvyšším a nejnižším normalizovaným kanálem. Ukázka dává odstín přibližně 211 stupňů, vhodný při hledání příbuzných modrých barev. Procenta se zaokrouhlí na dvě desetinná místa. Pro konkrétní kontrolu dává ukázkový vstup rgb(42, 127, 220) výsledek hsl(211.35, 71.77%, 51.37%). 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.