Ang mga palette nga gidisenyo sa HSL kasagaran moadto sa papel. Kini nga converter modawat sa hue, saturation ug lightness nga imong gipili ug mobalik sa upat ka ink percentages nga gigamit sa print shop.
Giunsa pagtrabaho ang konbersyon gikan sa HSL ngadto sa CMYK
- I-convert ang HSL triple ngadto sa RGB channels tali sa 0 ug 255.
- I-normalise kana nga mga channel pinaagi sa pag-divide sa 255.
- Kwentaha ang key component K = 1 − max(R, G, B).
- Deribaha ang C, M ug Y gikan sa nahibilin nga mga channel ug i-convert ang tanan upat ngadto sa porsyento.
Gihimong pananglitan
Duha ka conversion ang nahitabo sunod-sunod, mao nga naay pag-rounding nga mahitabo duha ka beses — ug ang CMYK magpabiling approximation kung walay color profile. I-expect nga ang printed nga resulta medyo dili kaayo vivid kaysa HSL preview.
HSL ug CMYK gipatin-aw
Unsa ang HSL?
Ang HSL nagbahin sa usa ka kolor ngadto sa hue (0–360° sa color wheel), saturation (kung unsa ka kolorful, 0–100%) ug lightness (kung unsa ka hayag, 0–100%). Tungod kay ang matag bahin mohaom sa paagi sa paghulagway sa kolor sa tawo, ang HSL mao ang pinakasayon nga format para sa paghimo og tints, shades ug konsistenteng palettes — manwal o sa code.
- Sintaks:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Pinakamaayo para sa:
- palettes, tints and shades, theming
Unsa ang CMYK?
Ang CMYK mao ang four-ink nga modelo nga gigamit sa printing: cyan, magenta, yellow ug key (black), matag usa isip porsyento gikan 0 hangtod 100. Ang ink nagkuha sa suga imbis nga mopagula niini, mao nga ang CMYK naglangkob og mas gamay nga kolor kumpara sa screen — busa usahay ang hayag nga mga kolor sa screen mahimong mas limpyo o mas dulaan pag-imprinta.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Pinakamaayo para sa:
- print, packaging, press-ready artwork
HSL ngadto sa CMYK reference nga lamesa
Ang kasagarang CSS nga mga kolor, gikombertir gikan sa HSL ngadto sa CMYK.
| Kolor | 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%) |