Okamžite prepočítajte hex kód farby na RGB a HSL so živým náhľadom farby.
Hex kódy farieb sú najbežnejším zápisom farieb vo webdizajne: šesťmiestny kód začínajúci znakom # (napr. #6366F1), ktorý vyjadruje červenú, zelenú a modrú zložku ako dvojmiestne šestnástkové čísla. RGB (Red, Green, Blue) vyjadruje rovnakú informáciu tromi desiatkovými číslami od 0 do 255. HSL (Hue, Saturation, Lightness) opisuje farbu uhlom odtieňa (0 – 360 stupňov), percentom sýtosti (0 – 100 %) a percentom svetlosti (0 – 100 %), vďaka čomu sa v ňom dizajnérom farby upravujú intuitívnejšie. Krátke trojmiestne hex kódy (napr. #fff) sa rozšíria na šesťmiestne zopakovaním každej číslice (z #fff sa stane #ffffff).
Časté otázky o prevode farieb
Oba vyjadrujú tú istú farbu, len iným spôsobom. HEX zapisuje farbu jedným šesťmiestnym šestnástkovým kódom (#6366F1), kým RGB uvádza červenú, zelenú a modrú zložku osobitne ako desiatkové čísla od 0 do 255 (rgb(99, 102, 241)). Ide o rovnakú farbu, líši sa len zápis.
Krátke kódy ako #fff sa rozšíria na šesťmiestny kód tak, že sa každá číslica zopakuje dvakrát: z #fff sa stane #ffffff. Ide o skrátený zápis, ktorý je dostupný len pre niektoré farby.
HSL sa hodí najmä vtedy, keď chcete zmeniť svetlosť alebo sýtosť farby a zároveň zachovať jej odtieň, pretože stačí upraviť jedinú hodnotu (svetlosť alebo sýtosť). Je to oveľa intuitívnejšie ako prepočítavať tri hodnoty naraz v HEX alebo RGB.