Palete, zasnovane v HSL, pogosto končajo na papirju. Ta pretvornik vzame izbran odtenek, nasičenost in svetlost ter vrne štiri odstotke črnila, s katerimi dela tiskarna.
Kako poteka pretvorba iz HSL v CMYK
- Pretvori HSL trojico v RGB kanale med 0 in 255.
- Preberi jih kot vrednosti sRGB in poišči barvo v profilu Coated FOGRA39.
- Uporabi relativni kolorimetrični namen s kompenzacijo črne točke, tako da bela ostane bela barva papirja, črna pa se preslika v najtemnejše črnilo, ki ga tiskarski stroj lahko natisne.
- Vrednosti štirih črnil zaokroži na cele odstotke. Sledijo Photoshopovi privzeti evropski nastavitvi CMYK.
Delujoč primer
Dve pretvorbi potekata zaporedno, zato se zaokroževanje zgodi dvakrat, korak CMYK pa uporablja standardni profil Coated FOGRA39. Drugi profili CMYK (na primer iz tvoje tiskarne) dajejo druge številke. Pričakuj, da bo natisnjen rezultat nekoliko manj živahen od predogleda HSL.
HSL in CMYK pojasnjeno
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
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
Tabela za HSL v CMYK
Najpogostejše CSS barve, pretvorjene iz HSL v CMYK.
| Barva | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |