ʻOi aku ka maʻalahi ke lawe i kahi paleta paʻi i ka pūnaewele ma HSL: ina ua hōʻoia ʻia kāu hui inc i hiki ʻole i ka hue, saturation a me lightness, hiki iā ʻoe ke hana i nā hover state, tints a me shades mai ia i loko o nā kekona.
Pehea e hana ai ka kahuli mai CMYK i HSL
- E hoʻololi i nā pākēneka CMYK i nā kanal RGB ma waena o 0 a 255.
- E kaumaha i nā kanal e 255 a lawe i ko lākou maximum a me minimum.
- ʻO ka hoʻopau o ka maximum a me ka minimum ka lightness L, ʻo ko lākou kaulahao ka mea e drive i ka saturation S.
- ʻO ka kanal e paʻa ana i ka maximum ke hoʻoholo i ka hue H i nā degere ma ke huila waihoʻoluʻu.
Laʻana i hana
He approximation ka CMYK i RGB a hoʻolimalima ʻia ka HSL i nā helu holoʻokoʻa. He kū hoʻokahi kokoke loa ka hopena, ʻaʻole he hoʻololi me ka mālama kala.
CMYK a me HSL wehewehe
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
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
CMYK to HSL reference table
Nā waihoʻoluʻu CSS maʻamau loa, i kahuli ʻia mai CMYK a i HSL.
| Waihoʻoluʻu | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |