Porti presan paletron al la reto estas pli facila en HSL: kiam via ink-miksaĵo estas esprimita kiel nuanco, saturiĝo kaj lumiĝo, vi povas krei hover-statojn, tinetojn kaj ombrojn el ĝi en sekundoj.
Kiel funkcias konvertado de CMYK al HSL
- Konvertu la CMYK-procentojn al sRGB-kanaloj inter 0 kaj 255 per la profilo Coated FOGRA39.
- Dividu la kanalojn per 255 kaj prenu ilian maksimumon kaj minimumon.
- La meznombro de maksimumo kaj minimumo estas la lumiĝo L, ilia disvastiĝo regas la saturiĝon S.
- La kanalo kiu havas la maksimumon determinas la nuancon H en gradoj sur la kolorrado.
Efektiva ekzemplo
La paŝo CMYK al RGB uzas la normon Coated FOGRA39, do aliaj CMYK-profiloj (ekzemple de via presejo) donas malsamajn nombrojn. HSL-valoroj estas rondigitaj al tutaj nombroj.
CMYK kaj HSL klarigo
Kio estas CMYK?
CMYK estas la kvar-ink-modelo uzata en presado: cyan, magenta, flava kaj key (nigra), ĉiu kiel procento de 0 ĝis 100. Inko subtrahas lumon anstataŭ elsendi ĝin, do CMYK kovras malpli da koloroj ol ekrano — tial brileco de ekrano ofte ŝajnas malpli intensa post presado.
- Sintekso:
- cmyk(C%, M%, Y%, K%)
- Gamo:
- 0–100% po inko
- Plej taŭga por:
- presado, pakado, pretpor-presa artaĵo
Kio estas HSL?
HSL dividas koloron en nuancon (0–360° sur la kolorrado), saturiĝon (kiom kolora, 0–100%) kaj lumon (kiom hela, 0–100%). Ĉar ĉiu parto kongruas kun la maniero kiel homoj priskribas koloron, HSL estas la plej simpla formato por konstrui kolorkopiojn, nuancojn kaj konsekvencajn paletrojn — per mano aŭ en kodo.
- Sintekso:
- hsl(H, S%, L%)
- Gamo:
- 0–360°, 0–100%, 0–100%
- Plej taŭga por:
- paletroj, nuancoj kaj ombroj, temigado
CMYK al HSL referenctabelo
La plej oftaj CSS-koloroj, konvertitaj de CMYK al HSL.
| Koloro | 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%) |