He maha ngā papa tae i hangaia i HSL ka puta ki te pepa. Ka tango tēnei kaitārua i te hue, saturation me te lightness i tīpakohia e koe ka whakahokia mai i ngā paihikara inki e whā e whakamahia ana e te toa tā.
Me pēhea te hurihanga HSL ki CMYK
- Huria te toru HSL ki ngā hongere RGB i waenga i te 0 me te 255.
- Whakapaingia aua hongere mā te wehe ki te 255.
- Tātaihia te wāhanga key K = 1 − max(R, G, B).
- Whakawhanakehia te C, M me te Y mai i ngā hongere toenga ka hurihia ngā uara e whā ki ngā paihikara.
Tauira mahi
E rua ngā huringa ka mahia anake, nō reira ka rua ngā wā poroteunga — ā, ka noho tonu te CMYK hei tatauranga me te kore kōwae tae. Kia tūmanako ka iti iho te kaha o te tae tā i te whakaaturanga HSL.
Ngā whakamārama mō HSL me CMYK
He aha te HSL?
Ka wewetehia e HSL tētahi tae kia hū (0–360° i runga i te wiri tae), whārite (te kaha o te tae, 0–100%) me te māramatanga (te kaha o te rama, 0–100%). Nā te mea e hāngai ana ia wāhanga ki te āhua e kōrero ai te tangata mō te tae, ko HSL te hōputu ngawari mō te hanga tints, shades me ngā papa tae tōtika — ā-ringa, ā-waehere rānei.
- Hōtaka:
- hsl(H, S%, L%)
- Awhe:
- 0–360°, 0–100%, 0–100%
- Pai mō:
- papa tae, tints me shades, kaupapa kaupapa
He aha te CMYK?
He tauira pēne e whā te CMYK e whakamahia ana i te tā: cyan, magenta, kōwhai me te kī (pango), ia kotahi hei ōrau mai i te 0 ki te 100. Ka tango e te mīhini te rama, kāore e tuku ana, nō reira he iti ake ngā tae ka āhei i te CMYK i te mata — koia te take ka āhua mēnā he kōwhai whakaroto ngā tae mata i te wā e tāia ana.
- Hōtaka:
- cmyk(C%, M%, Y%, K%)
- Awhe:
- 0–100% mō ia pene
- Pai mō:
- tā, mōkihi, toi kua rite mō te pēhi
Ripanga tohutoro HSL ki CMYK
Ngā tae CSS tino noa, kua tahuri mai i HSL ki CMYK.
| Tae | 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%) |