W3.CSS rang kutubxonalari
Rang kutubxonalari
Rang kutubxonalari — xavfsizlik standartlari, avtomagistral ranglari, moda ranglari, kamuflyaj ranglari kabi keng qo‘llaniladigan rang qiymatlarini o‘z ichiga olgan kichik CSS fayllari.
Schoolbus
Falcon Ridge Parkway
STOP
Rang kutubxonalaridan qanday foydalanish mumkin
Rang kutubxonalaridan foydalanish oson. Veb-sahifangizga rang kutubxonasiga havola qo‘shing, xolos:
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-highway.css">
So‘ng bo‘yamoqchi bo‘lgan HTML elementingizga klass nomini qo‘shing:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-red">STOP</div>
O‘zingiz sinab ko‘ring »
AQSH avtomagistral ranglari
| w3-highway-brown |
| w3-highway-red |
| w3-highway-orange |
| w3-highway-schoolbus |
| w3-highway-yellow |
| w3-highway-green |
| w3-highway-blue |
Misol
<div class="w3-highway-red">STOP</div>
O‘zingiz sinab ko‘ring » Barchasini sinab ko‘ring » CSS faylini yuklab olish »
Avtomagistral ranglari Federal Standard 595 standartida belgilangan.
AQSH xavfsizlik ranglari
| w3-safety-red |
| w3-safety-orange |
| w3-safety-yellow |
| w3-safety-green |
| w3-safety-blue |
| w3-safety-purple |
Misol
<div class="w3-safety-red">DANGER</div>
O‘zingiz sinab ko‘ring » Barchasini sinab ko‘ring » CSS faylini yuklab olish »
AQSH xavfsizlik ranglari Federal Standard 595 standartida belgilangan.
Yevropa signal ranglari
| w3-signal-yellow |
| w3-signal-orange |
| w3-signal-red |
| w3-signal-violet |
| w3-signal-blue |
| w3-signal-green |
| w3-signal-grey |
| w3-signal-brown |
| w3-signal-white |
| w3-signal-black |
Misol
<div class="w3-signal-red">Stop</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
O‘zingiz sinab ko‘ring » Barchasini sinab ko‘ring » CSS faylini yuklab olish »
Yevropa signal ranglari RAL Color Standard standartida belgilangan.
Yorqin ranglar
| w3-vivid-pink |
| w3-vivid-red |
| w3-vivid-orange |
| w3-vivid-yellow |
| w3-vivid-green |
| w3-vivid-blue |
| w3-vivid-violet |
| w3-vivid-purple |
| w3-vivid-black |
| w3-vivid-white |
| w3-vivid-yellowish-pink |
| w3-vivid-reddish-orange |
| w3-vivid-orange-yellow |
| w3-vivid-greenish-yellow |
| w3-vivid-yellow-green |
| w3-vivid-yellowish-green |
| w3-vivid-bluish-green |
| w3-vivid-greenish-blue |
| w3-vivid-purplish-blue |
| w3-vivid-reddish-purple |
| w3-vivid-purplish-red |
Misol
<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>
O‘zingiz sinab ko‘ring » CSS faylini yuklab olish »
Yorqin ranglar ISCC-NBS tizimida belgilangan.
Oziq-ovqat ranglari
| w3-food-apple |
| w3-food-aspargus |
| w3-food-apricot |
| w3-food-aubergine |
| w3-food-avocado |
| w3-food-banana |
| w3-food-butter |
| w3-food-blueberry |
| w3-food-cherry |
| w3-food-chocolate |
| w3-food-cranberry |
| w3-food-coffee |
| w3-food-egg |
| w3-food-grape |
| w3-food-kiwi |
| w3-food-lemon |
| w3-food-lime |
| w3-food-mango |
| w3-food-mushroom |
| w3-food-mustard |
| w3-food-mint |
| w3-food-olive |
| w3-food-orange |
| w3-food-pea |
| w3-food-peach |
| w3-food-pear |
| w3-food-pistachio |
| w3-food-plum |
| w3-food-raspberry |
| w3-food-saffron |
| w3-food-salmon |
| w3-food-spearmint |
| w3-food-squash |
| w3-food-strawberry |
| w3-food-tomato |
| w3-food-wheat |
| w3-food-wine |
Misol
<div class="w3-food-apple">Apple</div>
<div class="w3-food-banana">Banana</div>
O‘zingiz sinab ko‘ring » Barchasini sinab ko‘ring » CSS faylini yuklab olish »
Kamuflyaj ranglari
| w3-camo-brown |
| w3-camo-red |
| w3-camo-olive |
| w3-camo-field |
| w3-camo-earth |
| w3-camo-sand |
| w3-camo-tan |
| w3-camo-sandstone |
| w3-camo-dark-green |
| w3-camo-forest |
| w3-camo-light-green |
| w3-camo-green |
| w3-camo-dark-grey |
| w3-camo-grey |
| w3-camo-black |
Misol
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
O‘zingiz sinab ko‘ring » Barchasini sinab ko‘ring » CSS faylini yuklab olish »
Kamuflyaj ranglari Federal Standard 595 standartida belgilangan.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!