W3.CSS Color Libraries များ
အရောင်စာကြည့်တိုက်များ
ရောင်စုံစာကြည့်တိုက်များသည် ဘေးကင်းရေးစံနှုန်းများ၊ အဝေးပြေးလမ်းအရောင်များ၊ ဖက်ရှင်အရောင်များ၊ ရုပ်ဖျက်အရောင်များနှင့် အခြားအရာများကဲ့သို့ အသုံးများသော အရောင်တန်ဖိုးများပါရှိသော CSS ဖိုင်ငယ်များဖြစ်သည်။
ကျောင်းကား
Falcon Ridge Parkway
ရပ်
Color Libraries ကိုအသုံးပြုနည်း
ရောင်စုံစာကြည့်တိုက်များသည် အသုံးပြုရလွယ်ကူသည်။ သင့်ဝဘ်စာမျက်နှာရှိ အရောင်ဒစ်ဂျစ်တိုက်သို့ လင့်ခ်တစ်ခုထည့်ပါ-
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
ထို့နောက် သင်အရောင်ခြယ်လိုသော HTML ဒြပ်စင်သို့ အတန်းအမည်တစ်ခု ထည့်ပါ-
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
US Highway အရောင်များ
| w3-အမြန်လမ်း-အညိုရောင် |
| w3-အဝေးပြေး-အနီ |
| w3-အဝေးပြေး-လိမ္မော် |
| w3-အဝေးပြေး-ကျောင်းကား |
| w3-အမြန်လမ်း-အဝါရောင် |
| w3-အဝေးပြေး-အစိမ်းရောင် |
| w3-အဝေးပြေး-အပြာ |
အဝေးပြေးလမ်းအရောင်များကို Federal Standard 595 တွင်သတ်မှတ်ထားသည် ။
US Safety Colors
| w3-ဘေးကင်းရေး-အနီရောင် |
| w3-safety-လိမ္မော် |
| w3-ဘေးကင်းရေး-အဝါရောင် |
| w3-ဘေးကင်းရေး-အစိမ်းရောင် |
| w3-ဘေးကင်းရေး-အပြာ |
| w3-ခရမ်းရောင် |
US လုံခြုံရေးအရောင်များကို Federal Standard 595 တွင် သတ်မှတ်ထားသည် ။
ဥရောပအချက်ပြအရောင်များ
| w3-အချက်-အဝါရောင် |
| w3-အချက်ပြ-လိမ္မော် |
| w3-အချက်ပြ-အနီရောင် |
| w3-အချက်ပြ-ခရမ်းရောင် |
| w3-အချက်ပြ-အပြာ |
| w3-အချက်-အစိမ်း |
| w3-အချက်ပြ-မီးခိုးရောင် |
| w3-အချက်-အညိုရောင် |
| w3-အချက်-အဖြူ |
| w3-အချက်-အနက်ရောင် |
ဥပမာ
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
CSS ကိုဒေါင်းလုဒ်လုပ်ပါ »
ဥရောပ အချက်ပြအရောင်များကို RAL Color Standard တွင် သတ်မှတ်ထား ပါသည်။
ကွက်ကွက်ကွင်းကွင်း အရောင်များ
| w3-vivid-ပန်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အနီရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-လိမ္မော် |
| w3 ကွက်ကွက်ကွင်းကွင်း အဝါရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အစိမ်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အပြာ |
| w3-ကွက်ကွက်ကွင်းကွင်း-ခရမ်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-ခရမ်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အနက်ရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အဖြူ |
| w3-ကွက်ကွက်ကွင်းကွင်း-အဝါရောင်-ပန်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-နီညို-လိမ္မော် |
| w3-ကွက်ကွက်ကွင်းကွင်း-လိမ္မော်-အဝါ |
| w3-ကွက်ကွက်ကွင်းကွင်း-စိမ်းပြာ-ဝါ |
| w3-ကွက်ကွက်ကွင်းကွင်း-အဝါ-စိမ်း |
| w3 ကွက်ကွက်ကွင်းကွင်း အဝါရောင် အစိမ်းရောင် |
| w3-ကွက်ကွက်ကွင်းကွင်း-အပြာ-စိမ်း |
| w3-ကွက်ကွက်ကွင်းကွင်း-စိမ်းပြာ-အပြာ |
| w3-vivid-ခရမ်းရောင်-အပြာ |
| w3-ကွက်ကွက်ကွင်းကွင်း-နီ-ခရမ်းရောင် |
| w3-vivid-ခရမ်းရောင်-အနီရောင် |
ဥပမာ
<div class="w3-vivid-red">
<p>London is the most populous city in the
United Kingdom,
with a metropolitan area of over 9 million
inhabitants.</p>
</div>
CSS ကိုဒေါင်းလုဒ်လုပ်ပါ »
ကွက်ကွက်ကွင်းကွင်း အရောင်များကို ISCC-NBS တွင် သတ်မှတ်ထားသည် ။
အစားအသောက် အရောင်များ
| w3-အစားအစာ-ပန်းသီး |
| w3-အစားအစာ-ကညွတ် |
| w3-အစားအစာ-apricot |
| w3-အစားအစာ-ခရမ်းချဉ်သီး |
| w3-အစားအစာ-ထောပတ်သီး |
| w3-အစားအစာ-ငှက်ပျော |
| w3-အစားအစာ-ထောပတ် |
| w3-အစားအစာ-ဘလူးဘယ်ရီ |
| w3-အစားအစာ-ချယ်ရီ |
| w3-အစားအစာ-ချောကလက် |
| w3-အစားအစာ- cranberry |
| w3-အစားအသောက်-ကော်ဖီ |
| w3-အစားအစာ-ကြက်ဥ |
| w3-အစားအစာ-စပျစ်သီး |
| w3-အစားအစာ-ကီဝီ |
| w3-အစားအစာ-သံပုရာ |
| w3-အစားအစာ-ထုံး |
| w3-အစားအစာ-သရက်သီး |
| w3-အစားအစာ-မှို |
| w3-အစားအစာ-မုန်ညင်း |
| w3-အစားအစာ- mint |
| w3-အစားအစာ-သံလွင် |
| w3-အစားအစာ-လိမ္မော် |
| w3-အစားအစာ-ပဲ၊ |
| w3-အစားအစာ-မက်မွန်သီး |
| w3-အစားအစာ-သစ်တော်သီး |
| w3-အစားအစာ-pistachio |
| w3-အစားအစာ-ဇီးသီး |
| w3-အစားအစာ-ရက်စ်ဘယ်ရီ |
| w3-အစားအစာ-ရွှေဝါရောင် |
| w3-အစားအစာ-ဆော်လမွန် |
| w3-အစားအစာ-ပူဒီနာ၊ |
| w3-အစားအစာ-စကွပ် |
| w3-အစားအစာ-စတော်ဘယ်ရီ |
| w3-အစားအစာ-ခရမ်းချဉ်သီး |
| w3-အစားအစာ-ဂျုံ |
| w3-အစားအသောက်-ဝိုင် |
ဥပမာ
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
CSS ကိုဒေါင်းလုဒ်လုပ်ပါ »
ရုပ်ဖျက်အရောင်များ
| w3-camo-အညိုရောင် |
| w3-camo-အနီရောင် |
| w3-camo-olive |
| w3-camo-field |
| w3-camo-earth |
| w3-camo-သဲ |
| w3-camo-tan |
| w3-camo-သဲကျောက် |
| w3-camo-စိမ်းပြာရောင် |
| w3-camo-သစ်တော |
| w3-camo-အစိမ်းဖျော့ |
| w3-camo-အစိမ်းရောင် |
| w3-camo-dark-grey |
| w3-camo-မီးခိုးရောင် |
| w3-camo-အနက်ရောင် |
ဥပမာ
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
CSS ကိုဒေါင်းလုဒ်လုပ်ပါ »
ဖုံးကွယ်ထားသောအရောင်များကို Federal Standard 595 တွင် သတ်မှတ်ထားသည် ။