ʻO nā paleta i hoʻolālā ʻia ma HSL e hoʻi i ka pepa. E lawe kēia hoʻololi i ka hue, saturation a me lightness āu i koho ai a hoʻihoʻi i nā pākēneka inc ʻehā a hana ka hale paʻi me lākou.
Pehea e hana ai ka kahuli mai HSL i CMYK
- E hoʻololi i ka triple HSL i nā kanal RGB ma waena o 0 a 255.
- E maʻemaʻe i kēlā mau kanal ma ka kaumaha e 255.
- E helu i ka key component K = 1 − max(R, G, B).
- E lanakila i C, M a me Y mai nā kanal i koe a hoʻololi i nā ʻehā a pau i nā pākēneka.
Laʻana i hana
Hoʻokahi ala ʻelua ke hana ʻia, no laila hana ʻia ka rounding ʻelua — a ʻo CMYK e noho mau he approximation me ka ʻole o ka profile waihoʻoluʻu. Manaʻo i ka hopena paʻi e ʻemi iki ka vividness mai ka nānā ʻana ma HSL.
HSL a me CMYK wehewehe
He aha ka HSL?
Māhele ka HSL i kahi waihoʻoluʻu i ka hue (0–360° ma ke huila waihoʻoluʻu), saturation (pehea ka waihoʻoluʻu, 0–100%) a me ka lightness (pehea ka ʻālohilohi, 0–100%). No ka mea e hoʻopili ana kēlā me kēia ʻāpana i ke ʻano e wehewehe ai nā kānaka i ka waihoʻoluʻu, ʻo HSL ka ʻano maʻalahi no ka hana i nā tints, shades a me nā paʻi pūnāwai pono — ma lima a i ʻole ma ke code.
- Hana kikokiko:
- hsl(H, S%, L%)
- Awāwa:
- 0–360°, 0–100%, 0–100%
- Mākou kūpono no:
- nā paʻi pūnāwai, tints a me nā shades, theming
He aha ka CMYK?
ʻO CMYK ka hiʻohiʻona ʻehā-ink i hoʻohana ʻia i ka paʻi: cyan, magenta, melemele a me ke key (ʻeleʻele), kēlā me kēia ma kahi pākēneka mai 0 a 100. Hoʻemi ka ʻinki i ka mālamalama ma ke ala o ka hoʻopau ʻana, ʻaʻole e hoʻokuʻu mai, no laila ʻoi aku ka liʻiliʻi o nā waihoʻoluʻu a hiki i CMYK ma mua o ka pale — no laila hiki i nā waihoʻoluʻu ʻālohilohi o ka pale ke ʻike i ka maʻū ma ka paʻi ʻana.
- Hana kikokiko:
- cmyk(C%, M%, Y%, K%)
- Awāwa:
- 0–100% per ink
- Mākou kūpono no:
- paʻi, hoʻopaʻa pūʻolo, artwork mākaukau no ka press
HSL to CMYK reference table
Nā waihoʻoluʻu CSS maʻamau loa, i kahuli ʻia mai HSL a i CMYK.
| Waihoʻoluʻu | 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%) |