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 radi tiskačnica.
Kako radi konverzija iz HSL u CMYK
- Pretvori HSL trojku u RGB kanale između 0 i 255.
- Čitaj ih kao sRGB vrijednosti i pronađi boju u profilu Coated FOGRA39.
- Koristi relativnu kolorimetrijsku namjeru uz kompenzaciju crne tačke, tako da bijela ostaje bijela boja papira, a crna se preslikava na najtamniju tintu koju štamparska mašina može otisnuti.
- Zaokruži četiri vrijednosti tinte na cijele postotke. Slijede Photoshopovu zadanu evropsku CMYK postavku.
Primjer koji radi
Dvije konverzije se dešavaju jedna za drugom, pa se zaokruživanje događa dva puta, a korak CMYK koristi standardni profil Coated FOGRA39. Drugi CMYK profili (na primjer od tvoje tiskare) daju drugačije brojeve. Očekuj da će otisnuti rezultat biti malo manje živ od HSL pregleda.
HSL i CMYK objašnjeni
Šta je HSL?
HSL dijeli boju na nijansu (0–360° na kolor točku), zasićenost (koliko je boja intenzivna, 0–100%) i svjetlinu (koliko je svijetla, 0–100%). Pošto svaki dio odgovara načinu na koji ljudi opisuju boju, HSL je najjednostavniji format za izradu 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, teming
Šta je CMYK?
CMYK je model sa četiri boje mastila koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaka kao postotak od 0 do 100. Mastilo oduzima svjetlo umjesto da ga emituje, pa CMYK pokriva manje boja nego ekran — zato svijetle boje na ekranu često izgledaju prigušenije nakon tiska.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Opseg:
- 0–100% po boji
- Najbolje za:
- tisak, pakovanje, priprema za tiskanje
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%) |