He ngāwari kē te kawe i tētahi papatono tā ki te ipurangi mā HSL: ka kīia āu ōrau inki hei hue, saturation me lightness, ka taea e koe te waihanga hover, tints me shades i roto i ngā hēkona.
Me pēhea te hurihanga CMYK ki HSL
- Whakawhitia ngā ōrau CMYK ki ngā hongere sRGB i waenga i te 0 me te 255 mā te kōwae Coated FOGRA39.
- Wahia ngā hongere ki te 255 ka tango i tō rātou teitei (maximum) me te āhua iti (minimum).
- Ko te toharite o te teitei me te āhua iti te lightness L, ā, ko te wewete o rātou te take mō te saturation S.
- Ko te hongere e mau ana i te teitei ko ia te tohu i te hue H i ngā tohu (degrees) i runga i te wira tae.
Tauira mahi
Ka whakamahi te hikoi CMYK ki te RGB i te kōwae Coated FOGRA39 paerewa, nō reira ka hoatu ngā kōwae CMYK kē (hei tauira nō tō toa tā) i ngā nama rerekē. Ka porotaka ngā uara HSL ki ngā tau katoa.
Ngā whakamārama mō CMYK me HSL
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
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
Ripanga tohutoro CMYK ki HSL
Ngā tae CSS tino noa, kua tahuri mai i CMYK ki HSL.
| Tae | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |