چاپ پالتاسنى ۋېبكە ئېلىپ كېلىش HSL دا ئاددىي: ئInk ئارىلاشتۇرۇشىنى hue، saturation ۋە lightness شەكلىدە ئىپادىلەنسە، سەن ئۇنىڭدىن segundos ئىچىدە hover ھالىتى، تىنتلار ۋە سەكىللەر قۇرايالايسەن.
CMYK دىن HSL غا ئايلاندۇرۇش قانداق ئىشلەيدۇ
- CMYK پىروتسېنتلىرىنى 0دىن 255گىچە بولغان RGB قاناللارغا ئايلاندۇر.
- قاناللارنى 255 كە بۆلۈپ ئۇلارنىڭ ئەڭ چوڭى ۋە ئەڭ كىچىكىنى ئېلىپ.
- ئەڭ چوڭ ۋە ئەڭ كىچىكنىڭ ئوتتۇچەسى lightness L، ئۇلارنىڭ پەرقى saturation S نى باشقۇرىدۇ.
- ئەڭ چوڭ قانال قايسى بولسا، ئۇ H نى رەڭ ۋىلىدا دەرىجە بىلەن بەلگىلەيدۇ.
ئىشلىگەن مىسال
CMYK دىن RGB غىچە قايتىش ئاللىبۇرۇن يىقىنلاشما ۋە HSL قىممەتلىرى پۈتۈن سانغا يىقىنلاشتۇرىلىدۇ. نەتىجە رېئال ياقىن ماسلاش، رەڭ باشقۇرۇلغان ئايلاندۇرۇش ئەمەس.
CMYK ۋە HSL چۈشەندۈرۈلدى
CMYK نېمە؟
CMYK چاپتا ئىشلىتىلىدىغان تۆت سىيكىن مودېلى: cyan، magenta، yellow ۋە key (قارا)، ھەر بىرى 0 دىن 100% گىچە پىيالە. قەلىن (ink) يورۇقتىن ئېشىرىۋەتمەسلىكى سەۋەبىدىن CMYK ئېكراندىكىگە قارىغاندا ئاز رەڭ كۆلىمىنى قاپلايدۇ — شۇڭا تېز-تېز يېقىن كېلىدىغان يېشىق ئېكران رەڭلىرى چاپ بولغاندا كۈندەس بولۇشى مۇمكىن.
- سٶزلەپ ئېيتقاندا:
- cmyk(C%, M%, Y%, K%)
- ئارىلىقى:
- ھەر بىر سىيكىن ئۈچۈن 0–100%
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- چاپ، ئاپتوموبىل بالاڭلىرى، باسما-تەييار ئەسەر
HSL نېمە؟
HSL رەڭنى بۇرۇن (ھىيۇ، رنگ چۈشتە 0–360°)، تويالاش (نېچەچە رەڭلىك، 0–100%) ۋە يورۇقلۇق (قانچىلىك يورۇق، 0–100%) غا ئايرىدۇ. ھەر بىر قىسم ئادەملەر رەڭنى تەسۋىرلەش ئۇسۇلىغا ماس كېلىدىغانلىقىدىن HSL تونۇش، سۈندۈرمە ۋە مۇۋاپىق پايلەتلارنى قولدا ياكى كودتا قۇرۇشتىكى ئەڭ ئاسان فورمات.
- سٶزلەپ ئېيتقاندا:
- hsl(H, S%, L%)
- ئارىلىقى:
- 0–360°, 0–100%, 0–100%
- ئەڭ ياخشى قوللىنىلىدىغان جايى:
- پايلەتلار، تونۇش ۋە سۈندۈرمىلەر، تېما
CMYK دىن HSL غا ئىشارەت جەدۋىلى
CMYK دىن HSL غا ئايلاندۇرۇلغان ئەڭ كۆپ قوللىنىلىدىغان CSS رەڭلىرى.
| رەڭ | 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%) |