Barva HSL na RGB

Tvorba kanálů z HSL

Převeďte odstín, sytost a světlost na celočíselné kanály RGB. Tento směr použijte, když návrh barvy začíná odstínem a dvěma procenty, ale další nástroj potřebuje číselné kanály RGB. Zadejte hsl(210, 70%, 50%) nebo stejné hodnoty oddělené čárkami. Odstín je od nuly do 360 stupňů; sytost i světlost od nuly do sta procent.

Odstín zvolí barevný sektor; chroma a světlost určí zaokrouhlené kanály RGB. Algoritmus vypočte chromu ze sytosti a světlosti, vloží ji do sektoru odstínu a přičte společný posun pro vytvoření červené, zelené a modré. Kanály zaokrouhlí na celá čísla od nuly do 255. Odstín 360 stupňů se vrací na nulu. Při nulové sytosti vznikne šedá bez ohledu na odstín. Pro konkrétní kontrolu dává ukázkový vstup hsl(210, 70%, 50%) výsledek rgb(38, 128, 217). 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.