NCol ranglar
NCol kalkulyatori
Tabiiy ranglar (NCol)
Tabiiy ranglar (NCol) — W3Schools tashabbusi.
Bu tizim HTML ranglarini tanlashni osonlashtirish uchun ishlab chiqilgan.
NCol ranglarni rang harfi va shu rangdan uzoqlikni (foizda) belgilaydigan son yordamida ifodalaydi.
R30 qizil (Red) rangdan sariq (Yellow) rang tomon 30% uzoqlashishni bildiradi. (Boshqacha aytganda: 30% sariq qo‘shilgan qizil.)
| Harf | Rang | Tuslar |
|---|---|---|
| R | Qizil |
R
R25
R50
R75
|
| Y | Sariq |
Y
Y25
Y50
Y75
|
| G | Yashil |
G
G25
G50
G75
|
| C | Cyan |
C
C25
C50
C75
|
| B | Ko‘k |
B
B25
B50
B75
|
| M | Magenta |
M
M25
M50
M75
|
| R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Rang va masofani tuslar (0-360) orqali ham berish mumkin:
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
HTML’da qo‘llab-quvvatlanishi
NCol HTML’da qo‘llab-quvvatlanmaydi, lekin u CSS4’da taklif qilingan yangi HWB rang tizimiga juda yaqin.
CSS4’ni kutish davomida W3Schools rang kutubxonasini ulashingiz va NCol’dan HTML atributi sifatida quyidagicha foydalanishingiz mumkin:
Misol
<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>
O‘zingiz sinab ko‘ring »
W3Schools rang kutubxonasi
Yuqoridagi misolda ishlatilgan JavaScript kutubxonasini quyidagi manzildan yuklab olish mumkin:
https://www.w3schools.com/lib/w3color.js
Nega NCol?
Ranglarni RGB yoki HEX yozuvi yordamida tushuntirish juda qiyin.
rgb(199,21,133) qanday rang ekanini ayta olasizmi?
RGB ranglarni yorug‘lik manbalarini aralashtirib, fizik jihatdan qanday hosil qilishga asoslangan.
NCol esa ranglar inson ko‘ziga qanday ko‘rinishiga asoslangan.
Shu sababli NCol ranglarni tasvirlashni ancha osonlashtiradi.
Tabiiy ranglarni birinchi bo‘lib Karl Ewald Konstantin Hering (Germaniya, 1834 - 1918) tasvirlab bergan.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!