HEX မှ HSL သို့ ပြောင်းလဲပေးသည့် ကိရိယာ
သင် စာရိုက်နေစဉ်မှာတင် HEX ကို HSL သို့ ချက်ချင်းပြောင်းပါ — အခမဲ့ဖြစ်ပြီး ဥပမာများနှင့် အသုံးများသော အရောင်ဇယားများ ပါဝင်သည်။
HEX တန်ဖိုးကို ရိုက်ထည့်ပြီး အောက်တွင် HSL တန်ဖိုးကို ကြည့်ပါ၊ သို့မဟုတ် အရောင်ရွေးချယ်မှုမှတစ်ဆင့် ရွေးချယ်ပါ။
လက်တွေ့ဥပမာ
HEX #ff5733 = HSL 11, 100%, 60%
ပြောင်းလဲခြင်း လုပ်ဆောင်ပုံ
- HEX ကုဒ်သည် base-16 စနစ်ဖြင့် ရေးသားထားသော RGB ချန်နယ်သုံးခုဖြစ်သည် — ချန်နယ်တစ်ခုစီအတွက် ဂဏန်းနှစ်လုံးစီဖြစ်ပြီး 00 (0) မှ ff (255) အထိ ရှိသည်။
- HSL သည် တူညီသောအရောင်ကို hue (အရောင်စက်ဝိုင်းပေါ်ရှိ 0–360°), saturation နှင့် lightness တို့ဖြင့် ဖော်ပြသည် — အစိတ်အပိုင်းတစ်ခုတည်းကို ပြောင်းလဲရုံဖြင့် အရောင်ကို ပိုမိုရင့်စေရန် သို့မဟုတ် ဖျော့စေရန်အတွက် အသုံးဝင်သည်။
HEX နှင့် HSL ရှိ အသုံးများသော အရောင်များ
| အရောင် | HEX | HSL |
|---|---|---|
| အနီရောင် | #ff0000 | 0, 100%, 50% |
| လိမ္မော်ရောင် | #ffa500 | 39, 100%, 50% |
| အဝါရောင် | #ffff00 | 60, 100%, 50% |
| အစိမ်းရောင် | #008000 | 120, 100%, 25% |
| စိမ်းပြာရောင် (Cyan) | #00ffff | 180, 100%, 50% |
| အပြာရောင် | #0000ff | 240, 100%, 50% |
| ခရမ်းရောင် | #800080 | 300, 100%, 25% |
| ပန်းရောင် | #ffc0cb | 350, 100%, 88% |
| အညိုရောင် | #a52a2a | 0, 59%, 41% |
| အဖြူရောင် | #ffffff | 0, 0%, 100% |
| မီးခိုးရောင် | #808080 | 0, 0%, 50% |
| အနက်ရောင် | #000000 | 0, 0%, 0% |
ပြောင်းလဲမှုတိုင်းသည် သင့်ဘရောက်ဆာထဲတွင်သာ လုပ်ဆောင်ခြင်းဖြစ်သည်။ သင်ထည့်သွင်းသမျှကို BroBroGo သို့ တင်ပို့မည်မဟုတ်ပါ။
အမေးများသော မေးခွန်းများ (FAQ)
HEX ကို HSL သို့ မည်သို့ပြောင်းရမည်နည်း။
အထက်တွင် သင့် HEX တန်ဖိုးကို ရိုက်ထည့်ပါ သို့မဟုတ် ကူးယူထည့်သွင်းပါ — သင်ရိုက်နေစဉ် HSL တန်ဖိုးသည် အလိုအလျောက် ပြောင်းလဲသွားပါမည်။ အရောင်ရွေးချယ်မှုမှတစ်ဆင့်လည်း စိတ်ကြိုက်ရွေးချယ်နိုင်ပါသည်။
ပြောင်းလဲမှုသည် အတိအကျ တူညီပါသလား။
တန်ဖိုးများကို CSS နှင့် ဒီဇိုင်းကိရိယာများက အသုံးပြုသော ကိန်းပြည့်များအဖြစ် ပြောင်းလဲပေးထားသည်။ ကွာခြားချက်သည် သာမန်မျက်စိဖြင့် မမြင်နိုင်လောက်အောင် အလွန်သေးငယ်ပါသည်။