Madalas napupunta sa papel ang mga palette na dinevelop sa HSL. Kinukuha ng converter na ito ang hue, saturation at lightness na pinili mo at ibinabalik ang apat na ink percentages na ginagamit ng print shop.
Paano gumagana ang conversion mula HSL papuntang CMYK
- I-convert ang HSL triple sa RGB channels mula 0 hanggang 255.
- I-normalise ang mga channel sa pamamagitan ng paghahati sa 255.
- Kalkulahin ang key component K = 1 − max(R, G, B).
- Deribahin ang C, M at Y mula sa natitirang mga channel at i-convert ang lahat ng apat sa porsyento.
Halimbawang gumagana
Dobleng conversion ang nangyayari kaya may dalawang beses na pag-round — at nananatiling approximation ang CMYK nang walang color profile. Asahan na bahagyang hindi kasing-vivid ang naka-print na resulta kumpara sa HSL preview.
Ipinaliwanag ang HSL at CMYK
Ano ang HSL?
Hinahati ng HSL ang kulay sa hue (0–360° sa color wheel), saturation (gaano ka-colorful, 0–100%) at lightness (gaano kabilis o liwanag, 0–100%). Dahil tumutugma ang bawat bahagi sa paraan ng paglalarawan ng kulay ng mga tao, pinakamadaling gamitin ang HSL para bumuo ng tints, shades at pare-parehong palettes — mano-mano o sa code.
- Sintaks:
- hsl(H, S%, L%)
- Saklaw:
- 0–360°, 0–100%, 0–100%
- Pinakamainam para sa:
- palettes, tints and shades, theming
Ano ang CMYK?
Ang CMYK ay ang four-ink model na ginagamit sa pagpi-print: cyan, magenta, yellow at key (black), bawat isa bilang porsyento mula 0 hanggang 100. Ang tinta ay nag-aalis ng ilaw sa halip na naglalabas nito, kaya mas kaunti ang kulay na kaya ng CMYK kumpara sa screen — kaya madalas mas mapurol ang maliwanag na screen colors kapag na-print.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Saklaw:
- 0–100% per ink
- Pinakamainam para sa:
- print, packaging, press-ready artwork
HSL to CMYK reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula HSL papuntang CMYK.
| Kulay | 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%) |