CSS HEX အရောင်များ
ဆဋ္ဌမကိန်းဂဏန်းအရောင်ကို RR (အနီရောင်)၊ GG (အစိမ်းရောင်) နှင့် BB (အပြာ) ဆယ်ဂဏန်းကိန်းပြည့်များက အရောင်၏အစိတ်အပိုင်းများကို သတ်မှတ်သည့် #RRGGBB ဖြင့် သတ်မှတ်ထားသည်- #RRGGBB။
HEX တန်ဖိုး
CSS တွင်၊ ပုံစံတွင် ဆယ်ဂဏန်းတန်တန်ဖိုးကို အသုံးပြု၍ အရောင်တစ်ခုကို သတ်မှတ်နိုင်သည်-
# rrggbb
rr (အနီရောင်)၊ gg (အစိမ်းရောင်) နှင့် bb (အပြာ) တို့သည် 00 နှင့် ff (ဒဿမ 0-255 ကဲ့သို့) အကြား ဆယ်ဂဏန်းတန်ဖိုးများဖြစ်သည်။
ဥပမာအားဖြင့်၊ #ff0000 ကို အနီရောင်အဖြစ်ပြသထားသောကြောင့် အနီရောင်ကို ၎င်း၏အမြင့်ဆုံးတန်ဖိုး (ff) နှင့် အခြားအရာများကို အနိမ့်ဆုံးတန်ဖိုး (00) ဟုသတ်မှတ်ထားသောကြောင့်ဖြစ်သည်။
အနက်ရောင်ကိုပြသရန်၊ ဤကဲ့သို့တန်ဖိုးအားလုံးကို 00 ဟုသတ်မှတ်ပါ- #000000။
အဖြူရောင်ကိုပြသရန်၊ ဤကဲ့သို့တန်ဖိုးအားလုံးကို ff ဟုသတ်မှတ်ပါ- #ffffff။
အောက်ပါ HEX တန်ဖိုးများကို ရောစပ်ခြင်းဖြင့် စမ်းသပ်ပါ။
#ff6347
အနီေရာင်
အစိမ်းရောင်
အပြာရောင်
ဥပမာ
မီးခိုးရောင်အရိပ်များကို အလင်းရင်းမြစ် 3 ခုလုံးအတွက် တူညီသောတန်ဖိုးများကို အသုံးပြု၍ သတ်မှတ်လေ့ရှိသည်-
ဥပမာ
3 Digit HEX တန်ဖိုး
တစ်ခါတစ်ရံ CSS အရင်းအမြစ်တွင် ဂဏန်း 3 လုံးပါသော hex ကုဒ်ကို သင်တွေ့လိမ့်မည်။
ဂဏန်း 3 လုံး hex ကုဒ်သည် အချို့သော ဂဏန်း 6 လုံး hex ကုဒ်များအတွက် အတိုကောက်ဖြစ်သည်။
ဂဏန်း 3 လုံး hex ကုဒ်တွင် အောက်ပါပုံစံ ရှိသည်။
# rgb
r၊ g နှင့် b သည် 0 နှင့် f အကြားတန်ဖိုးများရှိသော အနီရောင်၊ အစိမ်းရောင်နှင့် အပြာရောင်အစိတ်အပိုင်းများကို ကိုယ်စားပြုသည်။
အစိတ်အပိုင်းတစ်ခုစီအတွက် တန်ဖိုးများ (RR၊ GG နှင့် BB) နှစ်ခုလုံးသည် တူညီမှသာ ဂဏန်း 3 လုံး hex ကုဒ်ကို အသုံးပြုနိုင်ပါသည်။ ထို့ကြောင့် ကျွန်ုပ်တို့တွင် #ff00cc ရှိလျှင် ဤကဲ့သို့ ရေးနိုင်သည်- #f0c။
ဤသည်မှာ ဥပမာတစ်ခုဖြစ်သည်။
ဥပမာ
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}