Prenos tiskane palete na splet je lažji v HSL: ko je mešanica črnila izražena kot odtenek, nasičenost in svetlost, lahko iz nje v nekaj sekundah ustvariš stanje pri premiku miške, odtenke in senčenja.
Kako poteka pretvorba iz CMYK v HSL
- Pretvori CMYK odstotke v RGB kanale med 0 in 255.
- Kanale deli z 255 in vzemi njihov maksimum in minimum.
- Povprečje maksimuma in minimuma je svetlost L, njihova razlika pa določa nasičenost S.
- Kanál z največjo vrednostjo določi odtenek H v stopinjah na barvnem kolesu.
Delujoč primer
Korak CMYK → RGB je že sam po sebi aproksimacija in HSL vrednosti se zaokrožijo na cele številke. Rezultat je zelo blizu, ne pa barvno upravljana pretvorba.
CMYK in HSL pojasnjeno
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%)
- Območje:
- 0–100% na črnilo
- Najbolj primerno za:
- tisk, embalaža, priprava za tisk
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%)
- Območje:
- 0–360°, 0–100%, 0–100%
- Najbolj primerno za:
- palete, odtenki in toni, tematizacija
Tabela za CMYK v HSL
Najpogostejše CSS barve, pretvorjene iz CMYK v HSL.
| Barva | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |