Palettes da aka tsara a HSL sau da yawa suna ƙare a takarda. Wannan mai sauyawa yana ɗaukar hue, saturation da lightness da ka zaɓa ya dawo da kason tawada huɗu da shagunan bugu ke aiki da su.
Yadda sauyin HSL zuwa CMYK ke aiki
- Maida triple HSL zuwa tashoshin RGB tsakanin 0 da 255.
- Daidaita waɗannan tashoshi ta raba su da 255.
- Ƙididdige bangaren key K = 1 − max(R, G, B).
- Fito da C, M da Y daga sauran tashoshi ka maida duk huɗun zuwa kashi.
Misali da ya yi aiki
Ana yin sauyawa biyu a jere, don haka zagayawa yana faruwa sau biyu — kuma CMYK yana ci gaba da zama kimantawa ba tare da bayanin launi ba. Ka sa ran abin da aka buga zai zama kaɗan ƙasa da ƙarfi fiye da abin da HSL ya nuna.
HSL da CMYK an bayyana su
Menene HSL?
HSL yana raba launi zuwa hue (0–360° a kan ƙwallon launi), saturation (yadda yake da launi, 0–100%) da lightness (yadda yake haske, 0–100%). Saboda kowace ɓangare ta dace da yadda mutane ke bayyana launi, HSL shine tsarin da ya fi sauƙi don gina tints, shades da palet masu daidaito — da hannu ko a cikin lambar.
- Sintaks:
- hsl(H, S%, L%)
- Iyakance:
- 0–360°, 0–100%, 0–100%
- Mafi kyau don:
- palettes, tints da shades, theming
Menene CMYK?
CMYK shine tsarin tawada huɗu da ake amfani da shi wajen bugu: cyan, magenta, yellow da key (baki), kowane a matsayin ƙashi daga 0 zuwa 100. Tawada tana cire haske maimakon fitar da shi, saboda haka CMYK yana rufe ƙananan launuka fiye da allo — shi ya sa launukan haske na allo sau da yawa suna bayyana marasa haske bayan an buga su.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Iyakance:
- 0–100% per ink
- Mafi kyau don:
- bugu, kunshin, aikin jarida mai shiryawa
teburin tunani na HSL zuwa CMYK
Mafi yawan launukan CSS, an sauya daga HSL zuwa CMYK.
| Launi | 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%) |