Každý barevný formát popisuje totéž jiným jazykem: HEX pro stylesheety, RGB pro obrazovky a kód, HSL pro vytváření palet a CMYK pro tisk. Zvol potřebný převod a získej přesnou hodnotu, živý náhled a vzorec, který za tím stojí.
Ty čtyři barevné formáty
Co je HEX?
HEX kód je šestimístné hexadecimální číslo, které po úvodním # uchovává červený, zelený a modrý kanál barvy. Každý pár číslic pokrývá jeden kanál od 00 (žádný) po FF (plný), což dává stejných 16,7 milionu barev jako RGB, ale v kratším zápisu. HEX je výchozí v CSS, designových nástrojích a styleguidu značky.
- Syntaxe:
- #RRGGBB
- Nejlepší pro:
- CSS, předání designu, brand guidelines
Co je RGB?
RGB popisuje barvu třemi kanály světla — červená, zelená a modrá — každý v rozsahu 0 až 255. Odráží skutečné fungování obrazovek: všechny tři na 255 dají bílou, všechny na 0 dají černou. RGB je správná volba vždy, když s barvou potřebuješ počítat; rgba() navíc přidává průhlednost.
- Syntaxe:
- rgb(R, G, B)
- Nejlepší pro:
- kód, canvas, průhlednost s rgba()
Co je HSL?
HSL rozděluje barvu na odstín (hue, 0–360° na barevném kruhu), sytost (saturation, jak barevná, 0–100%) a jas (lightness, jak světlá, 0–100%). Protože každá část odpovídá způsobu, jak lidé barvy popisují, je HSL nejjednodušší formát pro vytváření odstínů, tónů a konzistentních palet — ručně i v kódu.
- Syntaxe:
- hsl(H, S%, L%)
- Nejlepší pro:
- palety, odstíny a tóny, theming
Co je CMYK?
CMYK je model čtyř barev používaný v tisku: cyan, magenta, yellow a key (černá), každý jako procento od 0 do 100. Inkoust odečítá světlo místo jeho emitování, takže CMYK pokrývá méně barev než obrazovka — proto jasné barvy na obrazovce často vypadají po tisku mdlěji.
- Syntaxe:
- cmyk(C%, M%, Y%, K%)
- Nejlepší pro:
- tisk, balení, podklady připravené pro tisk