print palette ကို web သို့ယူလာဖို့ HSL က ပိုလွယ်တယ်: mựcရောလွဲမှုကို hue, saturation, lightness အဖြစ်ဖော်ပြနိုင်ခဲ့ င့်နောက် hover state, tint, shade တွေကို စက္ကန့်အနည်းငယ်အတွင်း ဖန်တီးနိုင်ပါတယ်။
CMYK မှ HSL ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- CMYK ရာခိုင်နှုန်းများကို 0 မှ 255 အတွင်းရှိ RGB ချန်နယ်များသို့ ပြောင်းပါ။
- ချန်နယ်များကို 255 ဖြင့် ကွက်ကွက်ဝန်းဝန်း ဖြတ်ပြီး သူတို့ရဲ့ maximum နဲ့ minimum ကိုယူပါ။
- maximum နဲ့ minimum ရဲ့ အလယ်စားက lightness L ဖြစ်ပြီး သူတို့ရဲ့ ကွာဟမှုက saturation S ကိုသတ်မှတ်ပေးပါတယ်။
- maximum ကိုင်ထားတဲ့ချန်နယ်က color wheel ပေါ်မှာ degree အနေနဲ့ hue H ကိုဆုံးဖြတ်ပေးပါတယ်။
အလုပ်ဖြစ်သည့် နမူနာ
CMYK ကို RGB သို့ပြောင်းခြင်းမှာ 이미 approximation ဖြစ်ပြီး HSL တန်ဖိုးများကို ပြည့်စုံအတွင်းက တစ်လုံးတည်း ရေအဖြစ် rounded လုပ်ပါတယ်။ ရလဒ်က အရမ်းနီးစပ်တဲ့ match ဖြစ်ပြီး color-managed conversion မဟုတ်ပါ။
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(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%) |