Svaki format boje opisuje istu stvar drugim jezikom: HEX za stilove, RGB za ekrane i kod, HSL za izradu paleta, CMYK za tisak. Odaberi konverziju koja ti treba i dobiješ točnu vrijednost, prikaz uživo i formulu koja stoji iza toga.
The four color formats
Što je HEX?
HEX kod je šesteroznamenkasti heksadecimalni broj koji pohranjuje kanale crvene, zelene i plave boje iza vodećeg #. Svaki par znamenki predstavlja jedan kanal, od 00 (nijedan) do FF (puno), što daje istih 16,7 milijuna boja kao RGB u znatno kraćem zapisu. HEX je zadano u CSS-u, alatima za dizajn i smjernicama brenda.
- Sintaksa:
- #RRGGBB
- Najbolje za:
- CSS, predaja dizajna, smjernice brenda
Što je RGB?
RGB opisuje boju kao tri kanala svjetla — crveni, zeleni i plavi — svaki od 0 do 255. Oponaša način na koji zasloni zapravo rade: sva tri na 255 daju bijelu, sva tri na 0 daju crnu. RGB je pravi izbor kad trebaš računati s bojom, a rgba() dodaje prozirnost.
- Sintaksa:
- rgb(R, G, B)
- Najbolje za:
- kod, canvas, prozirnost s rgba()
Što je HSL?
HSL razdvaja boju na nijansu (0–360° na kolor kotaču), zasićenost (koliko je šarena, 0–100%) i svjetlinu (koliko je svijetla, 0–100%). Budući da svaki dio odgovara načinu na koji ljudi opisuju boju, HSL je najjednostavniji format za izradu tonova, nijansi i konzistentnih paleta — ručno ili u kodu.
- Sintaksa:
- hsl(H, S%, L%)
- Najbolje za:
- palete, tonovi i nijanse, theming
Što je CMYK?
CMYK je model s četiri tinte koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaki kao postotak od 0 do 100. Tinta oduzima svjetlost umjesto da je emitira, pa CMYK pokriva manje boja nego zaslon — zbog toga svijetle boje s ekrana često izgledaju prigušenije na tisku.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Najbolje za:
- tiskanje, pakiranje, priprema za tisak