DEV

Převod Barev — HEX, RGB a HSL

Každá barva má více reprezentací v závislosti na kontextu. Náš převodník okamžitě převede barvy mezi HEX, RGB, HSL, HSV a CMYK — s vizuálním náhledem.

HEX vs. RGB vs. HSL

HEX (#ff5733) je nejkompaktnější formát pro web. RGB (rgb(255, 87, 51)) je intuitivní pro programovou manipulaci. HSL (hsl(11, 100%, 60%)) je nejintuitivnější pro lidi — odstín, sytost, světlost.

Kdy použít který formát?

Hodnoty barev CSS: použijte HEX pro stručnost nebo HSL pro snadné úpravy pomocí calc(). Vlastnosti SVG: RGB nebo HEX. Designové nástroje (Figma, Adobe XD): pracujte s HSL pro flexibilitu při barevných variantách.

Barevné prostory pro profesionální použití

sRGB je standard pro obrazovky. P3 (wide-gamut) nabízí živější barvy na moderních Apple obrazovkách. OKLCH je nejnovější CSS barevný prostor s perceptuálně rovnoměrnou světlostí — ideální pro dynamicky generované barevné palety.