Vsak barvni format opisuje isto stvar v drugem jeziku: HEX za sloge, RGB za zaslone in kodo, HSL za ustvarjanje palet, CMYK za tisk. Izberi pretvorbo, ki jo rabiš, in dobiš natančno vrednost, predogled v živo in formulo, ki stoji za njo.
Štirje barvni formati
Kaj je HEX?
HEX koda je šestmestno šestnajstiško število, ki shrani rdečo, zeleno in modro komponento barve za vodilnim #. Vsako dvojico mest predstavlja ena komponenta, od 00 (brez) do FF (polno), kar daje enakih 16,7 milijona barv kot RGB v precej krajši notaciji. HEX je privzeta izbira v CSS, oblikovalskih orodjih in smernicah blagovnih znamk.
- Sintaksa:
- #RRGGBB
- Najbolj primerno za:
- CSS, predaja oblikovanja, smernice blagovne znamke
Kaj je RGB?
RGB opisuje barvo kot tri komponente svetlobe — rdeča, zelena in modra — vsaka od 0 do 255. Odraža, kako zasloni dejansko delujejo: vse tri pri 255 dajo belo, vse pri 0 dajo črno. RGB je prava izbira, kadar moraš računati z barvo, rgba() pa doda prosojnost.
- Sintaksa:
- rgb(R, G, B)
- Najbolj primerno za:
- koda, canvas, prosojnost z rgba()
Kaj je HSL?
HSL razdeli barvo na odtenek (0–360° na barvnem krogu), nasičenost (koliko barvita, 0–100%) in svetlost (koliko svetla, 0–100%). Ker vsaka komponenta ustreza načinu, kako ljudje opisujejo barvo, je HSL najlažji format za ustvarjanje odtenkov, tonov in doslednih palet — ročno ali v kodi.
- Sintaksa:
- hsl(H, S%, L%)
- Najbolj primerno za:
- palete, odtenki in toni, tematizacija
Kaj je CMYK?
CMYK je model s štirimi črnili, uporabljen v tiskanju: cyan, magenta, yellow in key (črna), vsak kot odstotek od 0 do 100. Črnila odštevajo svetlobo namesto da bi jo oddajala, zato CMYK zajema manj barv kot zaslon — zato se žive barve na zaslonu pogosto zdijo bolj dolgočasne, ko jih natisneš.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Najbolj primerno za:
- tisk, embalaža, priprava za tisk