RGB က သင့်ကို ဒက်ဆင်မယ် ချန်နယ် သုံးခု 0 ကနေ 255 အထိ ပေးပါတယ်။ HEX သို့ ပြောင်းတဲ့အခါ တစ်ချန်ချင်းစီကို နှစ်လုံး hexadecimal နံပါတ်အဖြစ် ပြောင်းပြီး အရောင်တစ်ခုလုံးကို အလွန် compact ချည်ထားသော token တစ်ခုထဲထည့်နိုင်ပါသည်၊ ဘရားဇာ (browser), design tool နဲ့ style guide အားလုံးနားလည်နိုင်သောပုံစံ။
RGB မှ HEX ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- အနီချန်နယ်ကို 16 နဲ့ böl (ခွဲ) — အပိုင်းဇယား (quotient) က ပထမဆုံး အဆိပ်ဖြစ်ပြီး ကျန်ရစ် (remainder) က ဒုတိယဖြစ်တယ်။
- 10 ကနေ 15 အထိဂဏန်းတွေကို A မှ F အက္ခရာတွေလိုရေး။ ဥပမာ 255 က FF ဖြစ်ပါတယ်။
- အစိမ်းနဲ့ အပြာကိုလည်း ထပ်ပြီး တူတူလုပ်ပါ။ တစ်လုံးတည်းဂဏန်းများကို 0 နဲ့ မျဉ်းထိုးပေးပါ — 5 က 05 ဖြစ်ပါတယ်။
- သုံးคู่ကို တွဲပြီး မျက်နှာတောင်မှာ # ထည့်ပါ။
အလုပ်ဖြစ်သည့် နမူနာ
ချိုင်းချက်အနေနဲ့ တိတိကျကျ ဖြစ်တယ်၊ ချန်နယ်တွေဟာ 0 မွ 255 အတွင်း တစ်လုံးတည်းကိန်း (integer) ဖြစ်ရမှန်း။ rgb(79.5, 70, 229) လို အပိုင်းဟာကိန်း (fractional) တွေကိုတော့ HEX ထဲမှာ မသိမ်းလိုနိုင်တော့ နီးစပ်ဆုံး စုစုပေါင်း整数ကို ပတ်လည်ဆန့်ချိန်(round) လုပ်ပြီးမှ သတ်မှတ်ပါတယ်။
RGB နဲ့ HEX ကို ရှင်းပြချက်
RGB ဆိုတာ ဘာလဲ?
RGB သည် အရောင်ကို အရောင်မိတ်ဖွဲ့သည့် အလင်းချန်နယ် သုံးခုဖြင့် ဖော်ပြသည် — red, green, blue — တစ်ချ-channel အားလုံးမှာ 0 မှ 255 ထိ။ မျက်နှာပြင်တွေ လက်တွေ့ လုပ်ပုံစံကို ထပ်မြင်သောအတိုင်း၊ အားလုံး 255 ရှိရင် အဖြူ၊ အားလုံး 0 ရှိရင် အနက် ဖြစ်သည်။ RGB ကို အရောင်နဲ့ တွက်ချက်မှု လုပ်ချင်တဲ့အခါ အသုံးပြုပါ၊ rgba() ကနေ transparency ကို ထပ်ထည့်နိုင်ပါတယ်။
- စာတမ်းဖွဲ့စည်းပုံ:
- rgb(R, G, B)
- အကွာအဝေး:
- တစ်ချန်နယ်လျှင် 0–255
- အကောင်းဆုံး အသုံးပြုရန်:
- code, canvas, transparency with rgba()
HEX ဆိုတာ ဘာလဲ?
HEX ကုဒ်ဟာ ဂဏန်း ၆ လုံးတဲ့ hexadecimal အမျိုးအစားဖြစ်ပြီး အရောင်ရဲ့ red, green, blue ချန်နယ်တွေကို 앞က # တစ်လုံးနဲ့ သိုလှောင်ထားတာပါ။ တစ်စုံစုံကို digit နှစ်လုံးက တစ်ချန်နယ်ကို ဖော်ပြပြီး 00 (မရှိ) ကနေ FF (အပြည့်) အထိ ဖြစ်ပါတယ်။ ဒါက RGB နဲ့ တူညီတဲ့ 16.7 million အရောင်တွေကို ပိုတိုရှည်ခံnotation နဲ့ ဖော်ပြနိုင်ပါတယ်။ HEX သည် CSS, design tools နဲ့ brand guidelines တွင် ပုံမှန် အသုံးပြုပါတယ်။
- စာတမ်းဖွဲ့စည်းပုံ:
- #RRGGBB
- အကွာအဝေး:
- တစ်ချန်နယ်လျှင် 00–FF
- အကောင်းဆုံး အသုံးပြုရန်:
- CSS, design handoff, brand guidelines
RGB မှ HEX ကို ရှင်းလင်း ဇယား
အများဆုံး အသုံးပြုတဲ့ CSS အရောင်များကို RGB မှ HEX သို့ ပြောင်းထားသည်။
| အရောင် | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |