HSL နဲ့ဒီဇိုင်းထားတဲ့ palette တွေကို စာရွက်ပေါ်ပေါက်လာတတ်ပါတယ်။ ဒီကွန်ဗာတာက မင်းရွေးထားတဲ့ hue, saturation, lightness ကိုယူပြီး print shop တွေသုံးတဲ့ mựcရာခိုင်နှုန်းလေးခုကို ပြန်ပေးပါလိမ့်မယ်။
HSL မှ CMYK ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- HSL triple ကို 0 မှ 255 အတွင်းရှိ RGB ချန်နယ်များသို့ ပြောင်းပါ။
- အဲဒီချန်နယ်တွေကို 255 ဖြင့် ဖြတ်ကာ normalise လုပ်ပါ။
- key component K = 1 − max(R, G, B) ကိုတွက်ပါ။
- ကျန်ရှိသောချန်နယ်များမှ C, M, Y ကိုထုတ်ယူပြီး များလုံးကို ရာခိုင်နှုန်းသို့ပြောင်းပါ။
အလုပ်ဖြစ်သည့် နမူနာ
နှစ်ချက်ဆက်တိုက်ပြောင်းလဲသဖြင့် rounding နှစ်ကြိမ်ဖြစ်ပြီး CMYK က အရောင်ပရိုဖိုင်းမပါသော ခန့်မှန်းချက်တစ်ခုဖြစ်ပါတယ်။ ပုံနှိပ်ခြင်းရလဒ်က HSL preview ထက် အနည်းငယ်ရောင်သွင်းမှုနည်းထားနိုင်ပါတယ်။
HSL နဲ့ CMYK ကို ရှင်းပြချက်
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 ဆိုတာ ဘာလဲ?
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 မှ CMYK ကို ရှင်းလင်း ဇယား
အများဆုံး အသုံးပြုတဲ့ CSS အရောင်များကို HSL မှ CMYK သို့ ပြောင်းထားသည်။
| အရောင် | 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%) |