HEX ကုဒ်ဟာ ၈-ဘစ် အရေအတွက် သုံးခုကို ၆ လုံး hexadecimal အနုတ်တန်းထဲ ဖိနပ်ထည့်ထားတာပါ။ HEX ကို RGB သို့ ပြောင်းသည်ဆိုရင် ဒီဂျစ်များကို နှစ်လုံးစီ ခွဲထုတ်ပြီး တစ်ခုချင်းစီကို 0 ကနေ 255 အထိ ဖြစ်သော ဒက်ဆင်မယ် (decimal) နံပါတ်အဖြစ် ဖတ်ရမယ် — CSS, Figma နဲ့ image editors တွေ မျှော်လင့်ထားတဲ့ တန်ဖိုးတွေပါ။
HEX မှ RGB ပြောင်းခြင်း လုပ်ပုံလုပ်နည်း
- အစမှာရှိတဲ့ # ကို drop လုပ်ပြီး ကုဒ်မှာ လုံးသုံးလုံးသာ ရှိနေခဲ့ရင် တစ်လုံးချင်းစီကို နှစ်ဆထပ်ပါစေ: #f53 ဟာ #ff5533 ဖြစ်ပါလိမ့်မယ်။
- နံပါတ် ၆ လုံးကို RR, GG, BB ဟုပြီး သုံးစဉ်စဉ် ခွဲပါ။
- တစ်စုံစုံ digit pair ကို base-16 အဖြစ် ဖတ်ပြီး base-10 သို့ ပြောင်းပါ: FF က 255, 57 က 87, 33 က 51 ဖြစ်ပါတယ်။
- ရလာတဲ့ တန်ဖိုးသုံးခုကို rgb(R, G, B) ပုံစံနဲ့ ရေးပါ။
အလုပ်ဖြစ်သည့် နမူနာ
ဒီပြောင်းလဲမှုဟာ တိကျပါတယ်။ HEX နဲ့ RGB က sRGB တန်ဖိုးတူကို အခြား notation နဲ့ ဖော်ပြတာဖြစ်လို့ နှစ်ဖက်လုံးမှာ မည်သည့် ကြည့်လေ့မရှိ၊ မည်သည့် ဒေတာမဟုတ်ပျောက်ကွယ်မှုမျိုးမရှိပါ။
HEX နဲ့ RGB ကို ရှင်းပြချက်
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 ဆိုတာ ဘာလဲ?
RGB သည် အရောင်ကို အရောင်မိတ်ဖွဲ့သည့် အလင်းချန်နယ် သုံးခုဖြင့် ဖော်ပြသည် — red, green, blue — တစ်ချ-channel အားလုံးမှာ 0 မှ 255 ထိ။ မျက်နှာပြင်တွေ လက်တွေ့ လုပ်ပုံစံကို ထပ်မြင်သောအတိုင်း၊ အားလုံး 255 ရှိရင် အဖြူ၊ အားလုံး 0 ရှိရင် အနက် ဖြစ်သည်။ RGB ကို အရောင်နဲ့ တွက်ချက်မှု လုပ်ချင်တဲ့အခါ အသုံးပြုပါ၊ rgba() ကနေ transparency ကို ထပ်ထည့်နိုင်ပါတယ်။
- စာတမ်းဖွဲ့စည်းပုံ:
- rgb(R, G, B)
- အကွာအဝေး:
- တစ်ချန်နယ်လျှင် 0–255
- အကောင်းဆုံး အသုံးပြုရန်:
- code, canvas, transparency with rgba()
HEX မှ RGB ကို ရှင်းလင်း ဇယား
အများဆုံး အသုံးပြုတဲ့ CSS အရောင်များကို HEX မှ RGB သို့ ပြောင်းထားသည်။
| အရောင် | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |