Palete dizajnirane u HSL često završe na papiru. Ovaj pretvarač uzima hue, saturation i lightness koje si izabrao i vraća četiri postotka tinte s kojima tiskara radi.
Kako funkcionira pretvorba HSL u CMYK
- Pretvori HSL trojku u RGB kanale između 0 i 255.
- Čitaj ih kao sRGB vrijednosti i potraži boju u profilu Coated FOGRA39.
- Koristi relativnu kolorimetrijsku namjeru s kompenzacijom crne točke, tako da bijela ostane bjelina papira, a crna prelazi u najtamniju tintu koju tiskarski stroj može otisnuti.
- Zaokruži četiri vrijednosti tinte na cijele postotke. Slijede Photoshopovu zadanu europsku postavku CMYK-a.
Primjer
Dvije konverzije se odvijaju jedna za drugom, pa se zaokruživanje događa dvaput, a CMYK korak koristi standardni profil Coated FOGRA39. Drugi CMYK profili (na primjer iz tvoje tiskare) daju drugačije brojeve. Očekuj da će otisnuti rezultat biti nešto manje živ od HSL pregleda.
HSL i CMYK objašnjeno
Š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%)
- Raspon:
- 0–360°, 0–100%, 0–100%
- 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%)
- Raspon:
- 0–100% po tinti
- Najbolje za:
- tiskanje, pakiranje, priprema za tisak
Referentna tablica HSL u CMYK
Najčešće CSS boje, pretvorene iz HSL u CMYK.
| Boja | 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%) |