ပုံနှိပ် palette ကို ဝဘ်သို့ ယူလာရာတွင် HSL က ပိုလွယ်ပါတယ်: မင်ရောစပ်မှုကို hue, saturation နဲ့ lightness အဖြစ် ဖော်ပြပြီးသည်နှင့် ၎င်းမှ hover state, tint နဲ့ shade တွေကို စက္ကန့်အနည်းငယ်အတွင်း ဖန်တီးနိုင်ပါတယ်။
CMYK မှ HSL ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- CMYK ရာခိုင်နှုန်းများကို Coated FOGRA39 ပရိုဖိုင်ဖြင့် sRGB ချန်နယ်များ (0 မှ 255) သို့ ပြောင်းပါ။
- ချန်နယ်များကို 255 ဖြင့် ကွက်ကွက်ဝန်းဝန်း ဖြတ်ပြီး သူတို့ရဲ့ maximum နဲ့ minimum ကိုယူပါ။
- maximum နဲ့ minimum ရဲ့ အလယ်စားက lightness L ဖြစ်ပြီး သူတို့ရဲ့ ကွာဟမှုက saturation S ကိုသတ်မှတ်ပေးပါတယ်။
- maximum ကိုင်ထားတဲ့ချန်နယ်က color wheel ပေါ်မှာ degree အနေနဲ့ hue H ကိုဆုံးဖြတ်ပေးပါတယ်။
အလုပ်ဖြစ်သည့် နမူနာ
CMYK မှ RGB အဆင့်သည် စံ Coated FOGRA39 ပရိုဖိုင်ကို သုံးသဖြင့် အခြား CMYK ပရိုဖိုင်များ (ဥပမာ သင့်ပုံနှိပ်ဆိုင်မှ) က မတူညီသော နံပါတ်များ ပေးနိုင်သည်။ HSL တန်ဖိုးများကို ကိန်းပြည့်အထိ အနီးစပ်ဆုံးသို့ ညှိထားသည်။
CMYK နဲ့ HSL ကို ရှင်းပြချက်
CMYK ဆိုတာ ဘာလဲ?
CMYK သည် ပုံနှိပ်ရာတွင် အသုံးပြုသော ့ချန်နယ်လေးဖြစ်ပြီး cyan, magenta, yellow နှင့် key (black) ဖြစ်သည်။ တစ်ခုချင်းစီကို ရာခိုင်နှုန်း 0 မှ 100 ထိဖြင့် ဖော်ပြပါသည်။ မညာဖြစ်သောအလင်းကို လျော့ချတဲ့ အရောင်ပလက်ဖောင်းဖြစ်သောကြောင့် CMYK က မျက်နှာပြင် (screen) ထက် အရောင်အန္တရာယ်နည်းပြီး၊ ထို့ကြောင့် မျက်နှာပြင်ပေါ် အလင်းတောက်တဲ့ အရောင်တွေကို ပုံနှိပ်ချိန်တွင် နည်းနည်း ၊ သို့မဟုတ် မတောက်ပအောင် မြင်တွေ့ရနိုင်ပါတယ်။
- စာတမ်းဖွဲ့စည်းပုံ:
- cmyk(C%, M%, Y%, K%)
- အကွာအဝေး:
- တစ်မိ်းလျှင် 0–100% per ink
- အကောင်းဆုံး အသုံးပြုရန်:
- print, packaging, press-ready artwork
HSL ဆိုတာ ဘာလဲ?
HSL က အရောင်ကို hue (colour wheel ပေါ်မှာ 0–360°), saturation (ဘယ်လောက်ရောင်ရှိသလဲ၊ 0–100%) နှင့် lightness (ဘယ်လောက်တောက်ပသလဲ၊ 0–100%) သုံးပုဒ်ခွဲထားပါတယ်။ လူတွေ အရောင်ကို ဖေါ်ပြတဲ့ နည်းလမ်းနဲ့ ကိုက်ညီတာမို့ HSL က လက်နှင့် ကိုဒ်နဲ့ tint, shade, တူညီတဲ့ palettes တည်ဆောက်ဖို့ အရမ်းလွယ်ကူပါတယ်။
- စာတမ်းဖွဲ့စည်းပုံ:
- hsl(H, S%, L%)
- အကွာအဝေး:
- 0–360°, 0–100%, 0–100%
- အကောင်းဆုံး အသုံးပြုရန်:
- palettes, tints and shades, theming
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%) |