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