Okamžitě převeďte hex kód barvy na RGB a HSL s živým náhledem barvy.
Hex kódy barev jsou nejběžnějším zápisem barev ve webdesignu: šestimístný kód začínající znakem # (např. #6366F1), který vyjadřuje červenou, zelenou a modrou složku jako dvoumístná šestnáctková čísla. RGB (Red, Green, Blue) vyjadřuje stejnou informaci třemi desítkovými čísly od 0 do 255. HSL (Hue, Saturation, Lightness) popisuje barvu úhlem odstínu (0–360 stupňů), procentem sytosti (0–100 %) a procentem světlosti (0–100 %), takže se v něm designérům barvy upravují intuitivněji. Krátké třímístné hex kódy (např. #fff) se rozšíří na šestimístné zopakováním každé číslice (#fff se změní na #ffffff).
Časté otázky o převodu barev
Oba vyjadřují stejnou barvu, jen jiným způsobem. HEX zapisuje barvu jedním šestimístným šestnáctkovým kódem (#6366F1), zatímco RGB uvádí červenou, zelenou a modrou složku zvlášť jako desítková čísla od 0 do 255 (rgb(99, 102, 241)). Jde o tutéž barvu, liší se jen zápis.
Krátké kódy jako #fff se rozšíří na šestimístný kód tak, že se každá číslice zopakuje dvakrát: #fff se změní na #ffffff. Jde o zkrácený zápis, který je k dispozici jen pro některé barvy.
HSL se hodí hlavně tehdy, když chcete změnit světlost nebo sytost barvy a zachovat přitom její odstín, protože stačí upravit jedinou hodnotu (světlost nebo sytost). Je to mnohem intuitivnější než přepočítávat tři hodnoty najednou v HEX nebo RGB.