RGB မှ Hex ပြောင်းလဲကိရိယာ

ဒါဘာလဲ၊ ဘယ်လိုအလုပ်လုပ်သလဲ။

RGB ကို HEX သို့ ဘယ်လိုပြောင်းရမလဲ

1. အနီ၊ အစိမ်းနှင့် အပြာ ဆလိုက်ဒါများကို ဆွဲ၍ သို့မဟုတ် HEX ကုဒ်ကို တိုက်ရိုက် ကွက်ထဲသို့ ကူးထည့်၍ အရောင် သတ်မှတ်ပါ။
2. ကြိုကြည့်နမူနာအရောင်ပြားနှင့် HEX၊ RGB နှင့် HSL တန်ဖိုးများကို သင်ပြင်ဆင်သည့်အခါတိုင်း တိုက်ရိုက် ပြောင်းလဲနေသည်ကို ကြည့်ရှုနိုင်သည်။
3. တန်ဖိုးကတ် မည်သည့်ကတ်ကိုမဆို နှိပ်၍ ကူးယူနိုင်ပြီး CSS၊ ဒီဇိုင်းဆော့ဖ်ဝဲ သို့မဟုတ် ကုဒ်ထဲသို့ ကူးထည့်ရန် အသင့်ဖြစ်ပါသည်။

အရောင်အခြေခံများ

RGB၊ HEX နှင့် HSL: ဘာကွာခြားချက်ရှိသလဲ?

RGB, HEX နှင့် HSL တို့သည် တိတိကျကျ တူညီသော အရောင်များကို ဖော်ပြသည့် နည်းလမ်းများဖြစ်ပြီး၊ နံပါတ်များကို မတူညီသော ပုံစံဖြင့် ရေးသားထားခြင်းသာ ဖြစ်သည်။ RGB သည် အနီ၊ အစိမ်းနှင့် အပြာ အလင်းများကို 0–255 အထိ ပမာဏသတ်မှတ်၍ ပေါင်းစပ်ခြင်းဖြင့် အရောင်တစ်ခုကို သတ်မှတ်သည်။ HEX သည် RGB တန်ဖိုးများကို အကျဉ်းချုပ် 6-ဂဏန်း base-16 ကုဒ်ဖြင့် ပြန်ရေးသားထားခြင်းဖြစ်ပြီး၊ ဒါကြောင့် rgb(31, 58, 95) နှင့် #1f3a5f တို့သည် တူညီသော အရောင်များဖြစ်ကြသည်။ HSL သည် အစားထိုး၍ အရောင်ကို hue (အရောင်ဘီးပေါ်၌ တည်နေရာ), saturation (ထင်ရှားမှု) နှင့် lightness (အလင်းရောင်) ဖြင့် ဖော်ပြသည်။ ဤဖော်မတ်သည် ဆက်စပ်အရောင်များကို ရွေးချယ်ရာတွင် ပိုမိုသဘာဝကျပြီး နားလည်ရလွယ်ကူသည်။

ဖော်မတ်တိုင်းကို ပုံမှန်အားဖြင့် ဘယ်နေရာတွင် အသုံးပြုကြသည်

ဖော်မတ်	ပုံမှန်အသုံးပြုပုံ	ဘာကြောင့်
ဟက်စ်	CSS၊ HTML၊ ဒီဇိုင်းကိရိယာများ	တိုတောင်းပြီး တစ်ကြောင်းတည်းအဖြစ် ကူးယူ၊ မျှဝေ လွယ်ကူသည်။
အနီ၊ အစိမ်း၊ ပြာ	မြင်သာမှုပါသော CSS (rgba)	မြင်သာမှုအတွက် အယ်လ်ဖာချန်နယ်ကို ထောက်ပံ့သည်။
အပြာအစိမ်းလိမ္မော်ရောင်	အရောင်ပေါင်းစပ်ဇယားများ ဖန်တီးခြင်း	ဂဏန်းတစ်ခုသာ ပြောင်းလဲခြင်းဖြင့် ပိုလင်း၊ ပိုမည်း သို့မဟုတ် ဆက်စပ်အရောင်များ ဖန်တီးရလွယ်ကူသည်။

ဝက်ဘ်ဆိုက်ဒီဇိုင်း

ဤတန်ဖိုးများကို CSS တွင် အသုံးပြုခြင်း

ဒီသုံးမျိုးထဲမှ မည်သည့်ပုံစံကိုမဆို စတိုင်ရှစ်(stylesheet) ထဲတွင် တိုက်ရိုက် အသုံးပြုနိုင်သည်။ color: #1f3a5f;, color: rgb(31, 58, 95); နှင့် color: hsl(210, 51%, 25%); အားလုံးသည် တူညီသော နက်ရှိုင်းပြာ (navy blue) ကို ပြသသည်။ HEX သည် တစ်မျိုးတည်းသော အရောင်များအတွက် အများဆုံး အသုံးပြုသော အတိုကောက်ဖြစ်ပြီး၊ RGB (သို့မဟုတ် ၎င်း rgba() ဗားရှင်း) သည် အရောင်တစ်ခုအား အပိုင်းပိုင်း မှန်ကြည်မှု (transparency) လိုအပ်သည့်အခါ အသုံးဝင်ပြီး၊ HSL သည် အရောင်၏ အခြေခံအရောင် (hue) ကို တည်ငြိမ်အောင် ထိန်းထားကာ တောက်ပမှု (lightness) ကိုသာ ပြင်ဆင်ခြင်းဖြင့် တစ်မျိုးတည်းသော အရောင်အမျိုးမျိုးကို လွယ်ကူစွာ ဖန်တီးနိုင်စေသည်။

အများဆုံးမေးလေ့ရှိသောမေးခွန်းများ

မေးလေ့ရှိသောမေးခွန်းများ

ဒီ RGB မှ HEX ပြောင်းလဲကိရိယာကို အခမဲ့ အသုံးပြုနိုင်ပါသလား။+

ဟုတ်ကဲ့။ ဒါဟာ သင့်ဘရောက်ဇာထဲမှာ JavaScript ဖြင့် အပြည့်အဝ လည်ပတ်တာဖြစ်လို့ အကောင့်၊ API key မလိုအပ်ဘဲ မည်မျှကြိမ်မဆို အသုံးပြုနိုင်ပါတယ်။

ကျွန်ုပ်၏ အရောင်ဒေတာကို ဘယ်နေရာမှာမဆို တင်သွင်းပါသလား။+

မဟုတ်ပါဘူး။ ပြောင်းလဲမှုတိုင်းကို သင့်ဘရောက်ဇာအတွင်းမှာပဲ ဒေသခံအဖြစ် ဆောင်ရွက်ပြီး၊ ဘာမှ ဆာဗာသို့ မပို့၊ မသိမ်း၊ မမှတ်တမ်းတင်ပါ။

HEX နဲ့ RGB ကြားက တကယ့်ကွာခြားချက်က ဘာလဲ?+

သူတို့က တူညီတဲ့ အရောင်ကို မတူညီတဲ့ မှတ်သားနည်းများဖြင့် ဖော်ပြထားကြသည်။ HEX သည် အနီ၊ အစိမ်းနှင့် အပြာ တန်ဖိုးများကို 0 မှ 255 အထိ သီးခြားနံပါတ်သုံးခုဖြင့် ရေးသားထားသည့် RGB တန်ဖိုးများအတွက် base-16 အခြေပြု ခြောက်လုံးတိုချုပ်ဖြစ်သည်။

ဆက်စပ်ကိရိယာများ

ဒီဇိုင်းနှင့် ဖွံ့ဖြိုးရေးအတွက် ကိရိယာများ

• အရောင်ပေါင်းစပ်ဇယားထုတ်လုပ်ကိရိယာ — ပြောင်းလဲထားသောအရောင်တစ်ခုကို အခြေခံ၍ အပြည့်အစုံသော အရောင်ပေါင်းစပ်ဇယားတစ်ခုကို ဖန်တီးပါ။
• Favicon Generator — ပုံတစ်ပုံကို ဝက်ဘ်ဆိုဒ်အတွက် favicon အရင်းအမြစ်များအဖြစ် ပြောင်းလဲပေးသည်။
• JSON Formatter — အခြားမြန်ဆန်ပြီး မှတ်ပုံတင်ရန်မလိုအပ်သော ဘရောက်ဇာကိရိယာ။

နည်းဗျူဟာ

ဤပြောင်းလဲကိရိယာသည် မည်သို့ လည်ပတ်သနည်း။

သင်ရိုက်ထည့် သို့မဟုတ် အရောင်ရွေးချယ်သည့်အခါ JavaScript ဖြင့် RGB၊ HEX နှင့် HSL အကြား တိုက်ရိုက် ပြောင်းလဲပြသပါသည် — သင်ထည့်သွင်းသည့် အချက်အလက် မည်မျှကိုမျှ ဆာဗာသို့ တင်ပို့ခြင်းမပြုဘဲ မည်သည့်နေရာတွင်မှ သိမ်းဆည်းခြင်းမရှိပါ။

နောက်ဆုံးအပ်ဒိတ်လုပ်ခဲ့သည့်နေ့ရက်: ၂၀၂၆ ခုနှစ်၊ ဩဂုတ်လ ၂၈ ရက်။