W3.CSS रंग पुस्तकालय
रंग पुस्तकालय
रंग पुस्तकालय छोटी सीएसएस फाइलें हैं जिनमें आमतौर पर उपयोग किए जाने वाले रंग मान होते हैं जैसे सुरक्षा मानक, राजमार्ग रंग, फैशन रंग, छलावरण रंग, और बहुत कुछ।
स्कूल बस
फाल्कन रिज पार्कवे
विराम
रंग पुस्तकालयों का उपयोग कैसे करें
रंग पुस्तकालयों का उपयोग करना आसान है। बस अपने वेब पेज में कलर लाइब्रेरी का लिंक जोड़ें:
<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>
यूएस हाईवे कलर्स
w3-राजमार्ग-भूरा |
w3-राजमार्ग-लाल |
w3-राजमार्ग-नारंगी |
w3-हाईवे-स्कूलबस |
w3-राजमार्ग-पीला |
w3-राजमार्ग-हरा |
w3-राजमार्ग-नीला |
राजमार्ग के रंग संघीय मानक 595 में परिभाषित हैं ।
अमेरिकी सुरक्षा रंग
w3-सुरक्षा-लाल |
w3-सुरक्षा-नारंगी |
w3-सुरक्षा-पीला |
w3-सुरक्षा-हरा |
w3-सुरक्षा-नीला |
w3-सुरक्षा-बैंगनी |
यूएस सुरक्षा रंग संघीय मानक 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>
सीएसएस डाउनलोड करें »
यूरोपीय सिग्नल रंग RAL रंग मानक में परिभाषित किए गए हैं ।
ज्वलंत रंग
w3-ज्वलंत-गुलाबी |
w3-ज्वलंत-लाल |
w3-ज्वलंत-नारंगी |
w3-ज्वलंत-पीला |
w3-ज्वलंत-हरा |
w3-ज्वलंत-नीला |
w3-ज्वलंत-बैंगनी |
w3-ज्वलंत-बैंगनी |
w3-ज्वलंत-काला |
w3-ज्वलंत-सफेद |
w3-ज्वलंत-पीला-गुलाबी |
w3-ज्वलंत-लाल-नारंगी |
w3-ज्वलंत-नारंगी-पीला |
w3-ज्वलंत-हरा-पीला |
w3-ज्वलंत-पीला-हरा |
w3-ज्वलंत-पीला-हरा |
w3-ज्वलंत-नीला-हरा |
w3-ज्वलंत-हरा-नीला |
w3-ज्वलंत-बैंगनी-नीला |
w3-ज्वलंत-लाल-बैंगनी |
w3-ज्वलंत-बैंगनी-लाल |
उदाहरण
<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>
सीएसएस डाउनलोड करें »
ज्वलंत रंगों को ISCC-NBS में परिभाषित किया गया है ।
खाद्य रंग
w3-खाद्य-सेब |
w3-खाद्य-शतावरी |
w3-खाद्य-खुबानी |
w3-खाद्य-बैंगन |
w3-खाद्य-एवोकैडो |
w3-खाद्य-केला |
w3-खाद्य-मक्खन |
w3-खाद्य-ब्लूबेरी |
w3-खाद्य-चेरी |
w3-खाद्य-चॉकलेट |
w3-खाद्य-क्रैनबेरी |
w3-खाद्य-कॉफी |
w3-खाद्य-अंडा |
w3-खाद्य-अंगूर |
w3-खाद्य-कीवी |
w3-खाद्य-नींबू |
w3-खाद्य-चूना |
w3-खाद्य-आम |
w3-खाद्य-मशरूम |
w3-खाद्य सरसों |
w3-खाद्य-पुदीना |
w3-खाद्य-जैतून |
w3-खाद्य-नारंगी |
w3-खाद्य-मटर |
w3-खाद्य आड़ू |
w3-भोजन-नाशपाती |
w3-खाद्य-पिस्ता |
w3-खाद्य-बेर |
w3-खाद्य-रास्पबेरी |
w3-खाद्य-केसर |
w3-खाद्य-सामन |
w3-खाद्य-भाला पुदीना |
w3-खाद्य-स्क्वैश |
w3-खाद्य-स्ट्रॉबेरी |
w3-खाद्य-टमाटर |
w3-खाद्य-गेहूं |
w3-खाद्य-शराब |
उदाहरण
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
सीएसएस डाउनलोड करें »
छलावरण रंग
w3-कैमो-ब्राउन |
w3-कैमो-लाल |
w3-कैमो-जैतून |
w3-कैमो-फ़ील्ड |
w3-camo-पृथ्वी |
w3-केमो-रेत |
w3-कैमो-टैन |
w3-केमो-बलुआ पत्थर |
w3-कैमो-डार्क-ग्रीन |
w3-camo-वन |
w3-कैमो-लाइट-ग्रीन |
w3-कैमो-ग्रीन |
w3-कैमो-डार्क-ग्रे |
w3-कैमो-ग्रे |
w3-कैमो-ब्लैक |
उदाहरण
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
सीएसएस डाउनलोड करें »
छलावरण रंगों को संघीय मानक 595 में परिभाषित किया गया है ।