သဘာဝအရောင်များ (NCol) သည် W3Schools မှ အစပြုခြင်းဖြစ်သည်။
HTML အရောင်များကို ရွေးချယ်ရလွယ်ကူစေရန် စနစ်အား ဒီဇိုင်းထုတ်ထားပါသည်။
NCol သည် အရောင်မှ အကွာအဝေး (ရာခိုင်နှုန်းဖြင့်) သတ်မှတ်ရန် နံပါတ်တစ်ခုပါသော အရောင်အက္ခရာတစ်ခုဖြင့် အရောင်များကို သတ်မှတ်သည်။
R30 ဆိုသည်မှာ အ နီ မှ 30% အကွာအဝေး တွင် အဝါရောင် သို့ ရွေ့လျားသည် ။ (တစ်နည်းအားဖြင့် အနီ 30% အဝါရောင်)
စာ | အရောင် | အရောင်များ |
---|---|---|
R | အနီေရာင် |
R
R25
R50
R75
|
Y | အဝါရောင် |
Y
Y25
Y50
Y75
|
ဆ | အစိမ်းရောင် |
ဆ
G25
G50
G75
|
ဂ | အစိမ်းနုရောင် |
ဂ
C25
C50
C75
|
ခ | အပြာ |
ခ
B25
B50
B75
|
အမ် | ပန်းခရမ်းရောင် |
အမ်
M25
M50
M75
|
R | Y | ဆ | ဂ | ခ | အမ် | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
အရောင်နှင့် အကွာအဝေးကိုလည်း အဝါရောင် (0-360) ဖြင့်ပေးနိုင်သည်။
R = 000 | Y = 060 | G = 120 | C=180 | ခ=၂၄၀ | M=300 |
NCol ကို HTML တွင် မပံ့ပိုးပါ၊ သို့သော် ၎င်းသည် CSS4 တွင်အကြံပြုထားသော HWB အရောင်စနစ်အသစ်နှင့် အလွန်နီးစပ်ပါသည်။
CSS4 ကို စောင့်ဆိုင်းနေစဉ်၊ သင်သည် W3Schools ၏ Color library ကို ထည့်သွင်းနိုင်ပြီး NCol ကို ဤကဲ့သို့သော HTML ရည်ညွှန်းချက်အဖြစ် အသုံးပြုနိုင်ပါသည်။
<div
data-w3-color="R50,50%,0">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<script src="/lib/w3color.js"></script>
အထက်ပါ ဥပမာတွင် အသုံးပြုထားသော JavaScript စာကြည့်တိုက်ကို ဒေါင်းလုဒ်လုပ်နိုင်ပါသည်။
https://www.w3schools.com/lib/w3color.js
RGB သို့မဟုတ် HEX အမှတ်အသားဖြင့် အရောင်များကို ရှင်းပြရန် ကြိုးစားခြင်းသည် အလွန်ခက်ခဲသည်။
ဘယ်အရောင် rgb(199,21,133) ဆိုတာ ပြောပြနိုင်မလား။
RGB သည် အလင်းရင်းမြစ်များကို ရောစပ်ခြင်းဖြင့် အရောင်များကို ရုပ်ပိုင်းဆိုင်ရာ ထုတ်လုပ်ပုံအပေါ် အခြေခံထားသည်။
NCol သည် လူ့မျက်လုံးနှင့် ဘယ်လိုအရောင်မျိုးလဲဆိုတာကို အခြေခံထားပါတယ်။
ထို့အတွက်ကြောင့် NCol သည် အရောင်များကို ဖော်ပြရန် ပိုမိုလွယ်ကူစေသည်။
သဘာဝအရောင်များကို Karl Ewald Konstantin Hering (Germany 1834 - 1918) မှ ပထမဆုံးဖော်ပြခဲ့သည်။