Palete dizajnirane u HSL često završe na papiru. Ovaj konverter uzima hue, saturation i lightness koje si izabrao i vraća četiri procenta tinte sa kojima štamparija radi.
Kako funkcioniše pretvaranje HSL u CMYK
- Pretvori HSL trojac u RGB kanale između 0 i 255.
- Pročitaj ih kao sRGB vrednosti i potraži boju u profilu Coated FOGRA39.
- Koristi relativno kolorimetrijsku nameru sa kompenzacijom crne tačke, tako da bela ostane boja papira, a crna se preslikava na najtamniju tintu koju mašina za štampu može da odštampa.
- Zaokruži četiri vrednosti tinte na cele procente. One prate Photoshopovu podrazumevanu evropsku CMYK postavku.
Praktičan primer
Dve konverzije se dešavaju jedna za drugom, pa se zaokruživanje dešava dvaput, a CMYK korak koristi standardni profil Coated FOGRA39. Drugi CMYK profili (na primer iz tvoje štamparije) daju drugačije brojeve. Očekuj da će odštampani rezultat biti malo manje živ od HSL pregleda.
HSL i CMYK objašnjeni
Šta je HSL?
HSL deli boju na hue (0–360° na točku boja), saturation (koliko je zasićena, 0–100%) i lightness (koliko je svetla, 0–100%). Pošto svaki deo odgovara načinu na koji ljudi opisuju boju, HSL je najlakši format za pravljenje nijansi, tonova i konzistentnih paleta — ručno ili u kodu.
- Sintaksa:
- hsl(H, S%, L%)
- Opseg:
- 0–360°, 0–100%, 0–100%
- Najbolje za:
- palete, nijanse i tonovi, theming
Šta je CMYK?
CMYK je model sa četiri tinte koji se koristi u štampi: cyan, magenta, yellow i key (crna), svaka izražena procentima od 0 do 100. Tinta oduzima svetlost umesto da je emituje, zato CMYK pokriva manje boja nego ekran — zato jarke boje sa ekrana često deluju bleđe kada se odštampaju.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Opseg:
- 0–100% po tinti
- Najbolje za:
- štampa, pakovanje, priprema za štampu
HSL u CMYK referentna tabela
Najčešće CSS boje, konvertovane 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%) |