RGB က သင့်ကို ဒက်ဆင်မယ် ချန်နယ် သုံးခု 0 ကနေ 255 အထိ ပေးပါတယ်။ HEX သို့ ပြောင်းတဲ့အခါ တစ်ချန်ချင်းစီကို နှစ်လုံး hexadecimal နံပါတ်အဖြစ် ပြောင်းပြီး အရောင်တစ်ခုလုံးကို အလွန် compact ချည်ထားသော token တစ်ခုထဲထည့်နိုင်ပါသည်၊ ဘရားဇာ (browser), design tool နဲ့ style guide အားလုံးနားလည်နိုင်သောပုံစံ။
RGB မှ HEX ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- အနီချန်နယ်ကို 16 နဲ့ ခွဲပါ: စားလဒ်က ပထမဂဏန်း ဖြစ်ပြီး ကျန်ကိန်းက ဒုတိယဂဏန်း ဖြစ်ပါတယ်။
- 10 ကနေ 15 အထိဂဏန်းတွေကို A မှ F အက္ခရာတွေလိုရေး။ ဥပမာ 255 က FF ဖြစ်ပါတယ်။
- အစိမ်းနဲ့ အပြာကိုလည်း ထပ်ပြီး တူတူလုပ်ပါ။ တစ်လုံးတည်းဂဏန်းများကို 0 နဲ့ မျဉ်းထိုးပေးပါ — 5 က 05 ဖြစ်ပါတယ်။
- ဂဏန်းနှစ်လုံးစီ သုံးစုကို တွဲပြီး ရှေ့မှာ # ထည့်ပါ။
အလုပ်ဖြစ်သည့် နမူနာ
ချန်နယ်တွေဟာ 0 မှ 255 အတွင်း ကိန်းပြည့်ဖြစ်သရွေ့ တိကျပါတယ်။ rgb(79.5, 70, 229) ကဲ့သို့ ဒသမတန်ဖိုးများကို 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 ချန်နယ်များကို သိမ်းဆည်းထားပါတယ်။ ဂဏန်းတစ်စုံစီက ချန်နယ်တစ်ခုစီကို ဖော်ပြပြီး 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 |