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.
- Staðlaðu þær rásir með því að deila með 255.
- Reiknaðu lykilhlutann K = 1 − max(R, G, B).
- Afleiddu C, M og Y úr eftirstöðvum rásanna og breyttu öllum fjórum í prósentur.
Dæmi sem virkaði
Tvær umbreytingar gerast á röð, þannig að afnám/röndun á sér stað tvisvar — og CMYK er áfram nálgun án litaprófíls. Búðu þig undir að prentað útkoman verði aðeins minni mettuð en HSL-fyrirsýningin.
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(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |