Barva RGB na HEX

Spojení kanálů RGB do HEX

Převeďte tři celočíselné kanály RGB na šestimístnou hexadecimální barvu. Tento nástroj zvolte, když inspektor, kreslicí program nebo výpočet poskytne červený, zelený a modrý kanál, ale stylový soubor potřebuje krátký HEX kód. Můžete zadat rgb(42, 127, 220) nebo tři celá čísla oddělená čárkami. Převodník nepřijímá procenta, zlomkové hodnoty kanálů ani čtvrtou hodnotu alfa.

Červený, zelený a modrý kanál se zapíše dvěma hexadecimálními číslicemi v pořadí RRGGBB. Kanál 42 je v šestnáctkové soustavě 2A, 127 je 7F a 220 je DC, dohromady tedy #2A7FDC. Každý kanál má přesně dvě číslice včetně úvodní nuly u hodnot pod šestnáct. Velikost hexadecimálních písmen barvu nemění; výstup používá velká písmena pro jednotnost. Pro konkrétní kontrolu dává ukázkový vstup rgb(42, 127, 220) výsledek #2A7FDC. 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.