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

RGB မှ Hex သို့ ပြောင်းလဲခြင်း — အခြေခံနှင့် ထူးခြားချက်

ဤစာမျက်နှာသည် သုံးစွဲသူထည့်သွင်းသော အနီ (Red)၊ အစိမ်း (Green)၊ အပြာ (Blue) တန်ဖိုးများ — တစ်ခုစီသည် 0 မှ 255 ကြားရှိ ကိန်းပြည့် — ကို ချက်ချင်း hexadecimal အရောင်ကုဒ် (ဥပမာ #1E90FF) အဖြစ် ပြောင်းပေးသည်။ အဓိကထူးခြားချက်မှာ ဤပြောင်းလဲမှုသည် RGB (decimal၊ channel သုံးခု 0-255) မှ hex (hexadecimal၊ ခြောက်လုံးပါ code သို့မဟုတ် သုံးလုံးပါ shorthand) သို့ဖြစ်သည်။ ဖော်မတ်နှစ်ခုလုံးသည် တူညီသော အရောင် gamut — မျက်နှာပြင်အများစုအသုံးပြုသည့် sRGB အလုပ်လုပ်နေရာ — ကို ကိုယ်စားပြုသောကြောင့် gamut ညှပ်ခြင်း သို့မဟုတ် အနီးစပ်ဆုံးတွက်ခြင်း မရှိပါ။ Hex output သည် # ဖြင့်အမြဲစတင်ပြီး ရှစ်လုံးပါပုံစံကို အသုံးမပြုပါက alpha channel မပါဝင်ပါ။ tool ၏ RGB input သည် ကိန်းဂဏန်းသုံးခုကို ကော်မာ သို့မဟုတ် space ဖြင့် ခွဲခြားထည့်သွင်းရန် မျှော်လင့်သည် (ဥပမာ 79, 70, 229)၊ ရလဒ် hex code သည် အမြဲတမ်း ခြောက်လုံးဖြစ်သည် (ဥပမာ #4F46E5) — 0-255 ရှိ တန်ဖိုးတစ်ခုစီသည် hex အတွဲနှစ်လုံးသို့ မြေပုံဆွဲသည်။

RGB အရောင်ပုံစံ — Additive အရောင်နှင့် 0-255 စကေး

RGB သည် additive အရောင်ပုံစံဖြစ်သည်။ အနီ၊ အစိမ်းနှင့် အပြာ အလင်းတန်းများ ပေါင်းစပ်ခြင်းဖြင့် အရောင်များကို ဖန်တီးသည်။ Channel တစ်ခုစီအတွက် 0 မှ 255 စကေးသည် ၈-bit ကိုယ်စားပြုမှုမှ ဆင်းသက်လာသည် — 2^8 = 256 ဖြစ်နိုင်ခြေရှိသော အဆင့်များ။ ဤအကွာအဝေးသည် လူ့မျက်စိဖြင့် ခွဲခြားနိုင်လောက်သော အရောင်ပြောင်းလဲမှုများကို လုံလောက်စွာ ဖုံးအုပ်ပေးသည်။ ဥပမာ၊ Red = 255၊ Green = 0၊ Blue = 0 သည် အနီရောင် အတောက်ဆုံးကို ကိုယ်စားပြုပြီး Red = 0၊ Green = 0၊ Blue = 0 သည် အနက်ရောင်ဖြစ်သည်။ tool သည် ဤတန်ဖိုးများကို 0-255 အကွာအဝေးအပြင်ဘက်တွင် ရှိမရှိ စစ်ဆေးသည် — အကယ်၍ မမှန်ကန်ပါက “Enter RGB as three numbers 0–255, like 79, 70, 229.” ဟူသော error message ကို ပြသသည်။

Hexadecimal အရောင်ကုဒ်များ — ဖွဲ့စည်းပုံနှင့် ရှော့ဟန်း

Hex color code သည် # ဖြင့်စပြီး ခြောက်လုံးပါ hexadecimal ဂဏန်းများဖြစ်သည်။ ဥပမာ #4F46E5 တွင် 4F သည် အနီ၊ 46 သည် အစိမ်း၊ E5 သည် အပြာကို ကိုယ်စားပြုသည်။ Hex ဂဏန်းများသည် case-sensitive မဟုတ်သော်လည်း အသုံးများသော convention မှာ uppercase (သို့) lowercase ကို တစ်ပြေးညီအသုံးပြုခြင်းဖြစ်သည်။ သုံးလုံးပါ shorthand (ဥပမာ #abc) ကိုလည်း tool ၏ hex input field တွင် လက်ခံပြီး ၎င်းကို ခြောက်လုံးသို့ အလိုအလျောက် ချဲ့ပေးသည် — သို့သော် output သည် မူလခြောက်လုံးပုံစံအတိုင်း ရှိနေပြီး #AABBCC ကို #ABC အဖြစ် မပြောင်းပေးပါ။ ခြောက်လုံးပုံစံသည် standard ဖြစ်ပြီး alpha channel မပါဘဲ 16.7 သန်း (256^3) အရောင်များကို ကိုယ်စားပြုနိုင်သည်။

ပြောင်းလဲမှုသင်္ချာ — 0-255 မှ Hex သို့ အဆင့်ဆင့်

RGB တန်ဖိုးတစ်ခုစီ (0-255) ကို hex သို့ပြောင်းရန် အဆင့်များ-

1. တန်ဖိုးကို 16 ဖြင့် စားပါ။ quotient သည် ပထမ hex digit ဖြစ်ပြီး remainder သည် ဒုတိယ hex digit ဖြစ်သည်။
2. quotient နှင့် remainder ကို hex ဂဏန်းများသို့ ပြောင်းပါ (0-9 နှင့် A-F)။
3. ရလဒ် hex အတွဲနှစ်လုံးကို ပေါင်းပါ။

ဥပမာ: Red = 79 79 ÷ 16 = 4 remainder 15 → quotient 4 က 4၊ remainder 15 က F → 4F Green = 70 70 ÷ 16 = 4 remainder 6 → 46 Blue = 229 229 ÷ 16 = 14 remainder 5 → 14 က E၊ 5 က 5 → E5

ရလဒ်: #4F46E5။ ဤပြောင်းလဲမှုသည် တိကျမှန်ကန်ပြီး ပြောင်းပြန်လုပ်နိုင်သည် — hex မှ RGB သို့ပြန်ပြောင်းလျှင် တူညီသောတန်ဖိုးများကို ရရှိမည်။

sRGB အလုပ်လုပ်နယ်ပယ် — အရောင်တိကျမှုနှင့် ဆုံးရှုံးမှုမရှိသော ပြောင်းလဲမှု

RGB နှင့် hex သည် တူညီသော sRGB အရောင်နေရာကို မျှဝေသုံးစွဲသည်။ ဆိုလိုသည်မှာ sRGB gamut အတွင်းရှိ အရောင်တိုင်းကို RGB triple တစ်ခုတည်းနှင့် hex code တစ်ခုတည်းဖြင့် အတိအကျ ကိုယ်စားပြုနိုင်သည်။ ထို့ကြောင့် ပြောင်းလဲမှုသည် lossless ဖြစ်သည် — မည်သည့် gamut clipping သို့မဟုတ် approximation မှ မရှိပါ။ ဤသည်သည် CMYK သို့မဟုတ် LAB ကဲ့သို့သော အခြားအရောင်နေရာများနှင့် ပြောင်းလဲသည့်အခါ မကြာခဏကြုံတွေ့ရသော ပြဿနာမဟုတ်ပါ။ Tool သည် အခြားသော format များဖြစ်သည့် HSL, HSV, CMYK, LAB နှင့် color picker တို့ကိုလည်း တစ်ပြိုင်နက် အပ်ဒိတ်လုပ်ပေးသည်။ သို့သော် ဤပြောင်းလဲမှုများသည် sRGB အတွင်းတွင်သာ တိကျသည် — ဥပမာ sRGB မှ CMYK သို့ပြောင်းလျှင် gamut ချို့ယွင်းမှုများ ဖြစ်နိုင်သည်။

CSS တွင် Hex ကိုအသုံးပြုခြင်း — လက်တွေ့အသုံးချမှုများ

CSS တွင် hex color code ကို color နှင့် background-color ကဲ့သို့သော property များတွင် အသုံးပြုသည်။ ဥပမာ:

.example {
  color: #4F46E5;
  background-color: #1E90FF;
}

ရှစ်လုံးပါ hex (ဥပမာ #4F46E580) သည် alpha channel (opacity) ကို ကိုယ်စားပြုပြီး CSS Level 4 တွင် ပံ့ပိုးထားသည်။ tool ၏ hex output သည် ရှစ်လုံးပုံစံကို မသုံးပါ — alpha မလိုအပ်သော အခြေအနေများအတွက် ဒီဇိုင်းထုတ်ထားသည်။ Front-end developer များအတွက် ဤ tool သည် Photoshop, GIMP, သို့မဟုတ် browser dev tools မှ RGB တန်ဖိုးများကို ချက်ချင်း hex code အဖြစ်ပြောင်းရန် အသုံးဝင်သည်။ ဤ tool သည် browser တွင်သာ အလုပ်လုပ်ပြီး မည်သည့်ဒေတာကိုမျှ server သို့ မပို့ပါ။

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

မေး: ကျွန်တော် 255 ထက်ကြီးတဲ့ RGB တန်ဖိုးတွေကို ထည့်လို့ရလား။ မရပါ။ Tool သည် 0-255 အကွာအဝေးကိုသာ လက်ခံသည်။ အကွာအဝေးအပြင်ဘက်ရှိ မည်သည့်တန်ဖိုးမဆို error message ကို ပြပြီး ပြောင်းလဲမှုကို လုပ်ဆောင်မည်မဟုတ်ပါ။

မေး: သုံးလုံးပါ hex shorthand ကိုသုံးလို့ရလား။ Tool ၏ hex input field တွင် #abc ကဲ့သို့သော သုံးလုံးပါ shorthand ကိုထည့်သွင်းနိုင်ပြီး ၎င်းကို ခြောက်လုံးသို့ အလိုအလျောက်ချဲ့ပေးသည်။ သို့သော် RGB input မှပြောင်းသည့်အခါ output သည် အမြဲတမ်းခြောက်လုံးဖြစ်သည် — #AABBCC ကို #ABC အဖြစ် မပြောင်းပေးပါ။

မေး: Hex code မှာ alpha channel ပါနိုင်လား။ Tool ၏ standard hex output တွင် alpha channel မပါဝင်ပါ။ အကယ်၍ alpha လိုအပ်ပါက ရှစ်လုံးပါ hex (ဥပမာ #4F46E580) ကို ကိုယ်တိုင်ရေးသားနိုင်သည် — သို့သော် tool သည် ဤပုံစံကို မထုတ်ပေးပါ။

မေး: ဒီ tool က ဘယ်လိုအရောင်နေရာကိုသုံးလဲ။ Tool သည် sRGB အရောင်နေရာကို အသုံးပြုသည်။ ဤသည်မှာ မျက်နှာပြင်အများစုအတွက် standard ဖြစ်ပြီး RGB နှင့် hex အကြား ပြောင်းလဲမှုသည် lossless ဖြစ်သည် — gamut clipping မရှိပါ။

မေး: ငါ့ရဲ့ဒေတာကို server ပေါ်တင်လား။ မတင်ပါ။ Tool သည် browser အတွင်းတွင်သာ အလုပ်လုပ်ပြီး သင်ထည့်သွင်းသော မည်သည့်ဒေတာကိုမျှ server သို့ မပို့ပါ။

မေး: RGB တန်ဖိုးတွေကို ဘယ်လိုခွဲခြားထည့်ရမလဲ။ Tool သည် ကော်မာ (ဥပမာ 79, 70, 229) သို့မဟုတ် space (ဥပမာ 79 70 229) ဖြင့် ခွဲခြားထားသော ကိန်းဂဏန်းသုံးခုကို လက်ခံသည်။ အခြားသော separator များကို အသုံးပြုပါက error ဖြစ်နိုင်သည်။