HSL:ssä suunnitellut paletit päätyvät usein paperille. Tämä muunnin ottaa valitsemasi sävyn, kylläisyyden ja valoisuuden ja palauttaa neljä musteprosenttia, joilla painotalo työskentelee.
Kuinka HSL→CMYK muunnos toimii
- Muunna HSL-trio RGB-kanaviksi välillä 0–255.
- Lue ne sRGB-arvoina ja hae väri Coated FOGRA39 -profiilista.
- Käytä suhteellista kolorimetristä renderointitapaa ja mustapisteen kompensointia, jotta valkoinen pysyy paperin valkoisena ja musta muuttuu tummimmaksi musteeksi, jonka painokone pystyy painamaan.
- Pyöristä neljä mustearvoa kokonaisiin prosentteihin. Ne noudattavat Photoshopin oletusarvoista eurooppalaista CMYK-asetusta.
Esimerkkilaskelma
Kaksi muunnosta tapahtuu peräkkäin, joten pyöristys tehdään kahdesti, ja CMYK-vaihe käyttää Coated FOGRA39 -standardiprofiilia. Muut CMYK-profiilit (esimerkiksi painotalosi profiilit) antavat erilaisia lukuja. Odota, että painettu tulos on hieman vähemmän eloisa kuin HSL-esikatselu.
HSL ja CMYK selitettynä
Mikä on HSL?
HSL jakaa värin sävyyn (0–360° väripyörällä), kylläisyyteen (kuinka värikäs, 0–100%) ja vaaleuteen (kuinka kirkas, 0–100%). Koska kukin osa vastaa tapaa, jolla ihmiset kuvaavat väriä, HSL on helpoin formaatti sävyjen, tummennosten ja yhtenäisten palettien rakentamiseen — käsin tai koodissa.
- Syntaksi:
- hsl(H, S%, L%)
- Arvoalue:
- 0–360°, 0–100%, 0–100%
- Parhaiten soveltuu:
- paletit, sävyt ja tummennokset, teemoittaminen
Mikä on CMYK?
CMYK on nelivärimalli painatuksessa: cyan, magenta, yellow ja key (musta), kukin prosenttiosuutena 0–100. Muste poistaa valoa sen sijaan, että se säteilisi, joten CMYK kattaa vähemmän värisävyjä kuin näyttö — siksi kirkkaat näyttövärisävyt usein näyttävät himmeämmiltä painettuna.
- Syntaksi:
- cmyk(C%, M%, Y%, K%)
- Arvoalue:
- 0–100% per muste
- Parhaiten soveltuu:
- paino, pakkaukset, painovalmiit taitotiedostot
HSL → CMYK viitetaulukko
Yleisimmät CSS-värit, muunnettu muodosta HSL muotoon CMYK.
| Väri | 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%) |