RGB မှ HSL သို့ ပြောင်းလဲပေးသည့် ကိရိယာ
သင် စာရိုက်နေစဉ်မှာတင် RGB ကို HSL သို့ ချက်ချင်းပြောင်းပါ — အခမဲ့ဖြစ်ပြီး ဥပမာများနှင့် အသုံးများသော အရောင်ဇယားများ ပါဝင်သည်။
RGB တန်ဖိုးကို ရိုက်ထည့်ပြီး အောက်တွင် HSL တန်ဖိုးကို ကြည့်ပါ၊ သို့မဟုတ် အရောင်ရွေးချယ်မှုမှတစ်ဆင့် ရွေးချယ်ပါ။
လက်တွေ့ဥပမာ
RGB 255, 87, 51 = HSL 11, 100%, 60%
ပြောင်းလဲခြင်း လုပ်ဆောင်ပုံ
- HSL သည် တူညီသောအရောင်ကို hue (အရောင်စက်ဝိုင်းပေါ်ရှိ 0–360°), saturation နှင့် lightness တို့ဖြင့် ဖော်ပြသည် — အစိတ်အပိုင်းတစ်ခုတည်းကို ပြောင်းလဲရုံဖြင့် အရောင်ကို ပိုမိုရင့်စေရန် သို့မဟုတ် ဖျော့စေရန်အတွက် အသုံးဝင်သည်။
RGB နှင့် HSL ရှိ အသုံးများသော အရောင်များ
| အရောင် | RGB | HSL |
|---|---|---|
| အနီရောင် | 255, 0, 0 | 0, 100%, 50% |
| လိမ္မော်ရောင် | 255, 165, 0 | 39, 100%, 50% |
| အဝါရောင် | 255, 255, 0 | 60, 100%, 50% |
| အစိမ်းရောင် | 0, 128, 0 | 120, 100%, 25% |
| စိမ်းပြာရောင် (Cyan) | 0, 255, 255 | 180, 100%, 50% |
| အပြာရောင် | 0, 0, 255 | 240, 100%, 50% |
| ခရမ်းရောင် | 128, 0, 128 | 300, 100%, 25% |
| ပန်းရောင် | 255, 192, 203 | 350, 100%, 88% |
| အညိုရောင် | 165, 42, 42 | 0, 59%, 41% |
| အဖြူရောင် | 255, 255, 255 | 0, 0%, 100% |
| မီးခိုးရောင် | 128, 128, 128 | 0, 0%, 50% |
| အနက်ရောင် | 0, 0, 0 | 0, 0%, 0% |
ပြောင်းလဲမှုတိုင်းသည် သင့်ဘရောက်ဆာထဲတွင်သာ လုပ်ဆောင်ခြင်းဖြစ်သည်။ သင်ထည့်သွင်းသမျှကို BroBroGo သို့ တင်ပို့မည်မဟုတ်ပါ။
အမေးများသော မေးခွန်းများ (FAQ)
RGB ကို HSL သို့ မည်သို့ပြောင်းရမည်နည်း။
အထက်တွင် သင့် RGB တန်ဖိုးကို ရိုက်ထည့်ပါ သို့မဟုတ် ကူးယူထည့်သွင်းပါ — သင်ရိုက်နေစဉ် HSL တန်ဖိုးသည် အလိုအလျောက် ပြောင်းလဲသွားပါမည်။ အရောင်ရွေးချယ်မှုမှတစ်ဆင့်လည်း စိတ်ကြိုက်ရွေးချယ်နိုင်ပါသည်။
ပြောင်းလဲမှုသည် အတိအကျ တူညီပါသလား။
တန်ဖိုးများကို CSS နှင့် ဒီဇိုင်းကိရိယာများက အသုံးပြုသော ကိန်းပြည့်များအဖြစ် ပြောင်းလဲပေးထားသည်။ ကွာခြားချက်သည် သာမန်မျက်စိဖြင့် မမြင်နိုင်လောက်အောင် အလွန်သေးငယ်ပါသည်။