Að færa prentlitasnið á vefinn er auðveldara í HSL: þegar blekblandan er komin í tóna, mettun og ljósleiðni getur þú byggt hover-ástand, litblöndur og skyggingar á sekúndum.
Hvernig CMYK í HSL umbreyting virkar
- Breyttu CMYK-prósentunum í sRGB-rásir á bilinu 0 til 255 með Coated FOGRA39-prófílnum.
- Deildu rásunum með 255 og taktu max og min þeirra.
- Meðaltal max og min er ljósleiðnin L, og dreifingin ræður mettun S.
- Rásin sem heldur max gildi ákvarðar tóna H í gráðum á litahjólinu.
Dæmi sem virkaði
CMYK-í-RGB skrefið notar staðlaða Coated FOGRA39-prófílinn, svo aðrir CMYK-prófílar (til dæmis frá prentsmiðjunni þinni) gefa önnur gildi. HSL-gildin eru námunduð í heilar tölur.
CMYK og HSL útskýrt
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
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
CMYK í HSL yfirlitstafla
Algengustu CSS-litirnir, umbreyttir frá CMYK í HSL.
| Litur | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |