Litasnið hönnuð í HSL endar oft á pappír. Þessi breytir tekur tóna, mettun og ljósleiðni sem þú valdir og skilar fjórum blekprósentunum sem prentsmiðja vinnur með.
Hvernig HSL í CMYK umbreyting virkar
- Umbreyttu HSL-tríóinu í RGB-rásir á bilinu 0 til 255.
- Lestu þau sem sRGB-gildi og flettu litnum upp í Coated FOGRA39-prófílnum.
- Notaðu hlutfallslegan litamælingarhátt með svartpunktsjöfnun, þannig að hvítt helst pappírshvítt og svart verður dekksta blekið sem pressan getur prentað.
- Námundaðu blekgildin fjögur í heil prósentugildi. Þau fylgja sjálfgefinni CMYK-stillingu Photoshop fyrir Evrópu.
Dæmi sem virkaði
Tvær umbreytingar eiga sér stað hver á eftir annarri, svo námundun á sér stað tvisvar, og CMYK-skrefið notar staðlaða Coated FOGRA39-prófílinn. Aðrir CMYK-prófílar (til dæmis frá prentsmiðjunni þinni) gefa önnur gildi. Búðu þig undir að prentaða niðurstaðan verði aðeins daufari en HSL-forskoðunin.
HSL og CMYK útskýrt
Hvað er HSL?
HSL skiptir lit í litstefnu (0–360° á litahring), mettun (hversu litríkur, 0–100%) og ljósleika (hversu bjartur, 0–100%). Þar sem hver hluti passar við hvernig fólk lýsir lit, er HSL auðveldasta formið til að byggja litasamstæður, ljósari- eða dekkri útgáfur og samræmdar pallettur — handvirkt eða í kóða.
- Syntaks:
- hsl(H, S%, L%)
- Gildi:
- 0–360°, 0–100%, 0–100%
- Best fyrir:
- pallettur, ljósari og dekkri tónar, þemu
Hvað er CMYK?
CMYK er fjór-bleks módelið sem notað er í prentun: cyan, magenta, gult og key (svart), hver sem prósenta frá 0 til 100. Blekið dregur frá ljósi í stað þess að gefa frá sér, svo CMYK nær yfir færri liti en skjár — þess vegna virðast skærir skjálitir oft daufari þegar þeir eru prentaðir.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Gildi:
- 0–100% per ink
- Best fyrir:
- prentun, umbúðir, pressu-verk
HSL í CMYK yfirlitstafla
Algengustu CSS-litirnir, umbreyttir frá HSL í CMYK.
| Litur | 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%) |