အရောင်များ ကျူတိုရီရယ်
အနီ၊ အစိမ်းနှင့် အပြာရောင် အလင်းများ ပေါင်းစပ်ထားသော အရောင်များကို ပြသထားသည်။
အရောင်အမည်များ
CSS ဖြင့် အရောင်များကို အရောင်အမည်များကို အသုံးပြုခြင်းဖြင့် သတ်မှတ်နိုင်သည်-
ဥပမာ
| Color | Name |
|---|---|
| Red | |
| Yellow | |
| Cyan | |
| Blue | |
| Magenta |
CSS အရောင်တန်ဖိုးများ
CSS ဖြင့် အရောင်များကို ပုံစံအမျိုးမျိုးဖြင့် သတ်မှတ်နိုင်သည်-
- အရောင်အမည်များဖြင့်
- RGB တန်ဖိုးများအဖြစ်
- hexadecimal တန်ဖိုးများအဖြစ်
- HSL တန်ဖိုးများ (CSS3) အနေဖြင့်
- HWB တန်ဖိုးများ (CSS4) အနေဖြင့်
currentcolorသော့ချက်စကားလုံး နှင့်အတူ
RGB အရောင်များ
RGB အရောင်တန်ဖိုးများကို ဘရောက်ဆာအားလုံးတွင် ပံ့ပိုးထားသည်။
RGB အရောင်တန်ဖိုးကို rgb( RED , GREEN , BLUE ) ဖြင့် သတ်မှတ်ထားပါသည်။
ပါရာမီတာတစ်ခုစီသည် အရောင်၏ပြင်းထန်မှုကို 0 နှင့် 255 ကြား ကိန်းပြည့်အဖြစ် သတ်မှတ်သည်။
ဥပမာအားဖြင့်၊ rgb(0,0,255) ကို အပြာရောင်ဖြင့် ပြန်ဆိုထားသောကြောင့် အပြာရောင်ဘောင်အား ၎င်း၏အမြင့်ဆုံးတန်ဖိုး (255) နှင့် အခြားအရာများကို 0 ဟု သတ်မှတ်ထားသောကြောင့် ဖြစ်သည်။
ဥပမာ
| Color | RGB | Color |
|---|---|---|
| rgb(255,0,0) | Red | |
| rgb(0,255,0) | Green | |
| rgb(0,0,255) | Blue |
မီးခိုးရောင်အရိပ်များကို အလင်းရင်းမြစ် 3 ခုလုံးအတွက် တူညီသောတန်ဖိုးများကို အသုံးပြု၍ သတ်မှတ်လေ့ရှိသည်-
ဥပမာ
| Color | RGB | Color |
|---|---|---|
| rgb(0,0,0) | Black | |
| rgb(128,128,128) | Gray | |
| rgb(255,255,255) | White |
Hexadecimal အရောင်များ
Hexadecimal အရောင်တန်ဖိုးများကို ဘရောက်ဆာအားလုံးတွင်လည်း ပံ့ပိုးထားပါသည်။
hexadecimal အရောင်ကို- # RR GG BB ဖြင့်သတ်မှတ်ထားသည် ။
RR (အနီရောင်)၊ GG (အစိမ်းရောင်) နှင့် BB (အပြာ) တို့သည် အရောင်၏ပြင်းထန်မှုကို သတ်မှတ်ပေးသည့် 00 နှင့် FF ကြားတွင် ဆယ်ဂဏန်းဂဏန်းပေါင်းများဖြစ်သည်။
ဥပမာအားဖြင့်၊ #0000FF သည် အပြာရောင်အဖြစ်ပြသသည်၊ အကြောင်းမှာ အပြာရောင်အစိတ်အပိုင်းကို ၎င်း၏အမြင့်ဆုံးတန်ဖိုး (FF) ဟုသတ်မှတ်ထားပြီး အခြားအရာများကို 00 ဟုသတ်မှတ်ထားသောကြောင့်ဖြစ်သည်။
ဥပမာ
| Color | HEX | RGB | Color |
|---|---|---|---|
| #FF0000 | rgb(255,0,0) | Red | |
| #00FF00 | rgb(0,255,0) | Green | |
| #0000FF | rgb(0,0,255) | Blue |
မီးခိုးရောင်အရိပ်များကို အလင်းရင်းမြစ် 3 ခုလုံးအတွက် တူညီသောတန်ဖိုးများကို အသုံးပြု၍ သတ်မှတ်လေ့ရှိသည်-
ဥပမာ
| Color | HEX | RGB | Color |
|---|---|---|---|
| #000000 | rgb(0,0,0) | Black | |
| #808080 | rgb(128,128,128) | Gray | |
| #FFFFFF | rgb(255,255,255) | White |
အထက်အစွပ် သို့မဟုတ် အသေး
hexadecimal တန်ဖိုးများကို သတ်မှတ်ရန် စာလုံးကြီး သို့မဟုတ် စာလုံးသေးများကို သင်သုံးနိုင်သည်။
စာလုံးသေး ရေးရတာ ပိုလွယ်တယ်။ စာလုံးအကြီးတွေက ဖတ်ရတာ ပိုလွယ်တယ်။
အရောင်အမည်များ
CSS သည် ပုံမှန်အရောင်အမည် ၁၄၀ ကို ပံ့ပိုးပေးသည်။
နောက်အခန်းတွင် hexadecimal တန်ဖိုးများဖြင့် အရောင်အမည်များ၏ အက္ခရာစဉ်အပြည့်အစုံကို တွေ့ရလိမ့်မည်-
| Color Name | Hex | Color |
|---|---|---|
| AliceBlue | #F0F8FF | |
| AntiqueWhite | #FAEBD7 | |
| Aqua | #00FFFF | |
| Aquamarine | #7FFFD4 | |
| Azure | #F0FFFF | |
| Beige | #F5F5DC | |
| Bisque | #FFE4C4 |
လက်ရှိရောင်စုံသော့ချက်စာလုံး
အဓိက currentcolorစကားလုံးသည် ဒြပ်စင်တစ်ခု၏ အရောင်ပိုင်ဆိုင်မှုတန်ဖိုးကို ရည်ညွှန်းသည်။
ဥပမာ
<div> ဒြပ်စင်၏ စာသားအရောင်သည် အပြာဖြစ်သောကြောင့် အောက်ဖော်ပြပါ <div> ဒြပ်စင်၏ ဘောင်အရောင်သည် အပြာရောင်ဖြစ်လိမ့်မည်၊
#myDIV {
color: blue; /* Blue text color */
border: 10px solid currentcolor;
/* Blue border color */
}