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.
- Te kanale normaliziraj tako, da deliš z 255.
- Izračunaj ključni komponent K = 1 − max(R, G, B).
- Izvedi C, M in Y iz preostalih kanalov in vse štiri pretvori v odstotke.
Delujoč primer
Potekata dve zaporedni pretvorbi, zato pride do dvakratnega zaokroževanja — CMYK pa ostaja aproksimacija brez barvnega profila. Pričakuj, da bo natisnjen rezultat nekoliko manj živ kot HSL predogled.
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(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |