Každý farebný formát opisuje tú istú vec iným jazykom: HEX pre štýly, RGB pre obrazovky a kód, HSL pre tvorbu paliet a CMYK pre tlač. Vyber si požadovaný prevod a získaj presnú hodnotu, živý náhľad a vzorec, ktorý za tým stojí.
Štyri farebné formáty
Čo je HEX?
HEX kód je šestciferné hexadecimálne číslo, ktoré uchováva červený, zelený a modrý kanál farby za úvodným #. Každý pár číslic reprezentuje jeden kanál od 00 (žiadny) po FF (plný), čo dáva rovnakých 16,7 milióna farieb ako RGB v kompaktnejšom tvare. HEX je predvolený v CSS, dizajnových nástrojoch a brand manuáloch.
- Syntax:
- #RRGGBB
- Najvhodnejšie pre:
- CSS, odovzdanie dizajnu, brand manuály
Čo je RGB?
RGB popisuje farbu troma kanálmi svetla — červená, zelená a modrá — každý v rozsahu 0 až 255. Odráža to, ako obrazovky skutočne fungujú: všetky tri na 255 dávajú bielu, všetky na 0 dávajú čiernu. RGB je správna voľba vždy, keď potrebuješ s farbou počítať, a rgba() pridáva priehľadnosť navrch.
- Syntax:
- rgb(R, G, B)
- Najvhodnejšie pre:
- kód, canvas, priehľadnosť s rgba()
Čo je HSL?
HSL rozdeľuje farbu na odtieň (hue, 0–360° na farebnom kruhu), sýtosť (saturation, ako farebná, 0–100%) a svetlosť (lightness, ako jasná, 0–100%). Keďže každá časť zodpovedá tomu, ako ľudia opisujú farby, HSL je najjednoduchší formát na tvorbu odtieňov, tmavších alebo svetlejších variácií a konzistentných paliet — ručne alebo v kóde.
- Syntax:
- hsl(H, S%, L%)
- Najvhodnejšie pre:
- palety, odtiene a tiene, theming
Čo je CMYK?
CMYK je model s pomocou štyroch farieb používaný v tlači: cyan, magenta, yellow a key (black), každý ako percento od 0 do 100. Atrament odoberá svetlo namiesto jeho vyžarovania, takže CMYK pokrýva menej farieb než obrazovka — preto živé farby na obrazovke často vyzerajú po vytlačení mdlšie.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Najvhodnejšie pre:
- tlač, balenie, pripravené podklady pre tlač