یو چاپ شوی پاڼی ته ویب ته راوړل په HSL کې اسانه دي: کله چې ستا د رنګ مرکب د هیو، سیچوریشن او لایټنس په توګه څرګند شوی وي، ته کولی شې په ثانیو کې له هغې څخه hover حالتونه، tints او shades جوړ کړې.
د CMYK څخه HSL ته د بدلولو څرنګوالی
- د CMYK سلنې د Coated FOGRA39 پروفایل سره د 0 او 255 ترمنځ د sRGB چینلونو ته واړوه.
- چینلونه په 255 تقسیم کړه او د هغو اعظمي او اقلي واخله.
- د اعظمي او اقلي منځګړیتوب د لایټنس L دی، او د هغوی پراخوالی سیچوریشن S ټاکي.
- هغه چینل چې اعظمي ارزښت لري، په رنګ څرخ کې د درجې په بڼه هیو H ټاکي.
یو عملي مثال
د CMYK څخه RGB ته ګام معیاري Coated FOGRA39 پروفایل کاروي، نو نور CMYK پروفایلونه (د بیلګې په توګه ستا له چاپخانې) مختلف شمیرې ورکوي. د HSL ارزښتونه بشپړو شمیرو ته ګرد کېږي.
CMYK او HSL تشریح
CMYK څه شی دی؟
CMYK د چاپ لپاره استعمالېدونکی د څلورو رنګونو ماډل دی: cyan، magenta، yellow او key (تور)، هر یو د 0 څخه تر 100٪ پورې سلنه. رنګ د رڼا راکمه کوي پر ځای د رڼا خپرولو، نو CMYK د سکرین په پرتله لږ رنګونه څنډي — ځکه ځینې روښانه سکرین رنګونه کله چې چاپ شي ښورې ښکاري.
- نحو:
- cmyk(C%, M%, Y%, K%)
- حد:
- 0–100% per ink
- د غوره کارونې لپاره:
- چاپ، بسته بندي، د چاپ لپاره تیار هنر
HSL څه شی دی؟
HSL رنګ په تینګې (حوړ) کې ویشي (0–360° د رنګ په څرخ کې)، سېچوریشن (څومره رنګینه، 0–100%) او رڼا (څومره روښانه، 0–100%). ځکه هره برخه د خلکو د رنګ بیانولو سره سمون لري، HSL د ټینټونو، شیډونو او منظم پالېټونو جوړولو لپاره تر ټولو اسانه فورمټ دی — په لاس یا په کود کې.
- نحو:
- hsl(H, S%, L%)
- حد:
- 0–360°, 0–100%, 0–100%
- د غوره کارونې لپاره:
- پالېټونه، ټینټونه او شیډونه، موضوع بندي
CMYK څخه HSL ته د حوالې جدول
تر ټولو عام CSS رنګونه، له CMYK څخه HSL ته بدل شوي.
| رنګ | 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%) |