सीएसएस में रंग कोड का उपयोग रंग निर्दिष्ट करने के लिए किया जाता है। आमतौर पर, रंग कोड या रंग मान का उपयोग किसी तत्व के अग्रभूमि रंग (जैसे पाठ रंग, लिंक रंग) या किसी तत्व के पृष्ठभूमि रंग (पृष्ठभूमि रंग, ब्लॉक रंग) के लिए रंग सेट करने के लिए किया जाता है। उनका उपयोग बटन, बॉर्डर, मार्कर, होवर और अन्य सजावटी प्रभावों का रंग बदलने के लिए भी किया जा सकता है।
आप अपने रंग मानों को विभिन्न स्वरूपों में निर्दिष्ट कर सकते हैं। निम्न तालिका सभी संभावित प्रारूपों को सूचीबद्ध करती है:
सूचीबद्ध प्रारूपों का नीचे अधिक विस्तार से वर्णन किया गया है।
सीएसएस रंग - हेक्स कोड
हेक्साडेसिमल रंग कोडरंग का छह अंकों का प्रतिनिधित्व है। पहले दो अंक (आरआर) लाल मान का प्रतिनिधित्व करते हैं, अगले दो हरे मान (जीजी) का प्रतिनिधित्व करते हैं, और अंतिम दो नीले मान (बीबी) का प्रतिनिधित्व करते हैं।
सीएसएस रंग - लघु हेक्स कोड
लघु हेक्स रंग कोडछह-अक्षर संकेतन का एक छोटा रूप है। इस प्रारूप में, प्रत्येक अंक को छह अंकों के बराबर रंग मान उत्पन्न करने के लिए दोहराया जाता है। उदाहरण के लिए: #0F0 #00FF00 बन जाता है।
हेक्साडेसिमल मान किसी भी ग्राफ़िक से लिया जा सकता है सॉफ़्टवेयर, जैसे कि एडोब फोटोशॉप, कोर ड्रा, आदि।
सीएसएस में प्रत्येक हेक्साडेसिमल रंग कोड के पहले एक हैश चिह्न "#" होगा। हेक्साडेसिमल नोटेशन का उपयोग करने के उदाहरण नीचे दिए गए हैं।
सीएसएस रंग - आरजीबी मान
आरजीबी मूल्यएक रंग कोड है जो rgb() प्रॉपर्टी का उपयोग करके सेट किया गया है। यह संपत्ति तीन मान लेती है: लाल, हरे और नीले रंग के लिए एक-एक। मान एक पूर्णांक, 0 से 255 तक या प्रतिशत हो सकता है।
टिप्पणी:सभी ब्राउज़र rgb() रंग प्रॉपर्टी का समर्थन नहीं करते हैं, इसलिए इसका उपयोग करने की अनुशंसा नहीं की जाती है।
नीचे RGB मानों का उपयोग करके अनेक रंग दिखाने वाला एक उदाहरण दिया गया है।
रंग कोड जनरेटर
आप हमारी सेवा का उपयोग करके लाखों रंग कोड बना सकते हैं।
ब्राउज़र सुरक्षित रंग
नीचे 216 रंगों की एक तालिका है जो सबसे सुरक्षित और कंप्यूटर-स्वतंत्र हैं। CSS में ये रंग 000000 से FFFFFF हेक्साडेसिमल कोड तक होते हैं। उनका उपयोग करना सुरक्षित है क्योंकि वे सुनिश्चित करते हैं कि 256 रंग पैलेट के साथ काम करते समय सभी कंप्यूटर सही ढंग से रंग प्रदर्शित करें।
सीएसएस में "सुरक्षित" रंगों की तालिका | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00सीसी33 | #00सीसी66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300एफएफ |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333एफएफ |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366एफएफ |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399एफएफ |
#33सीसी00 | #33CC33 | #33CC66 | #33CC99 | #33सीसीसीसी | #33सीसीएफएफ |
#33एफएफ00 | #33एफएफ33 | #33एफएफ66 | #33एफएफ99 | #33एफएफसीसी | #33एफएफएफएफ |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600एफएफ |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633एफएफ |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666एफएफ |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699एफएफ |
#66सीसी00 | #66सीसी33 | #66CC66 | #66CC99 | #66सीसीसीसी | #66CCFF |
#66एफएफ00 | #66एफएफ33 | #66एफएफ66 | #66एफएफ99 | #66एफएफसीसी | #66एफएफएफएफ |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900एफएफ |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933एफएफ |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966एफएफ |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999एफएफ |
#99सीसी00 | #99सीसी33 | #99CC66 | #99CC99 | #99सीसीसीसी | #99CCFF |
#99एफएफ00 | #99एफएफ33 | #99एफएफ66 | #99एफएफ99 | #99एफएफसीसी | #99एफएफएफएफ |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#सीसी3300 | #सीसी3333 | #सीसी3366 | #CC3399 | #CC33CC | #CC33FF |
#सीसी6600 | #सीसी6633 | #सीसी6666 | #सीसी6699 | #CC66CC | #CC66FF |
#सीसी9900 | #सीसी9933 | #सीसी9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #सीसीएफएफएफएफ |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #एफएफ3333 | #एफएफ3366 | #एफएफ3399 | #FF33CC | #FF33FF |
#FF6600 | #एफएफ6633 | #एफएफ6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #एफएफ9933 | #एफएफ9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #एफएफएफएफसीसी | #एफएफएफएफएफएफ |
रंगों को निर्दिष्ट करने के लिए हेक्साडेसिमल संख्याओं का उपयोग किया जाता है। हेक्साडेसिमल प्रणाली, दशमलव प्रणाली के विपरीत, जैसा कि इसके नाम से पता चलता है, संख्या 16 पर आधारित है। संख्याएँ इस प्रकार होंगी: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ए , बी, सी, डी, ई, एफ। 10 से 15 तक की संख्याओं को लैटिन अक्षरों से बदल दिया गया है। हेक्साडेसिमल प्रणाली में 15 से बड़ी संख्याएँ दो संख्याओं को एक में मिलाने से बनती हैं। उदाहरण के लिए, दशमलव में संख्या 255 हेक्साडेसिमल में संख्या एफएफ से मेल खाती है। संख्या प्रणाली को निर्धारित करने में भ्रम से बचने के लिए, हेक्साडेसिमल संख्या से पहले एक हैश प्रतीक # रखा जाता है, उदाहरण के लिए #666999। तीन रंगों में से प्रत्येक - लाल, हरा और नीला - 00 से एफएफ तक मान ले सकता है। इस प्रकार, रंग प्रतीक को तीन घटकों #rrggbb में विभाजित किया गया है, जहां पहले दो प्रतीक रंग के लाल घटक को दर्शाते हैं, मध्य दो - हरा, और अंतिम दो - नीला। इसे संक्षिप्त रूप #rgb का उपयोग करने की अनुमति है, जहां प्रत्येक वर्ण को दोगुना किया जाना चाहिए। इस प्रकार, प्रविष्टि #fe0 को #ffee00 माना जाना चाहिए।
नाम से
इंटरनेट एक्सप्लोरर | क्रोम | ओपेरा | सफारी | फ़ायरफ़ॉक्स | एंड्रॉयड | आईओएस |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ब्राउज़र कुछ रंगों को उनके नाम से समर्थन करते हैं। तालिका में 1 नाम, हेक्साडेसिमल कोड, आरजीबी, एचएसएल मान और विवरण दिखाता है।
नाम | रंग | कोड | आरजीबी | एचएसएल | विवरण |
---|---|---|---|---|---|
सफ़ेद | #ffffff या #ffff | आरजीबी(255,255,255) | एचएसएल(0.0%,100%) | सफ़ेद | |
चाँदी | #c0c0c0 | आरजीबी(192,192,192) | एचएसएल(0.0%,75%) | स्लेटी | |
स्लेटी | #808080 | आरजीबी(128,128,128) | एचएसएल(0.0%,50%) | गहरा भूरा | |
काला | #000000 या #000 | आरजीबी(0,0,0) | एचएसएल(0.0%,0%) | काला | |
लाल रंग | #800000 | आरजीबी(128,0,0) | एचएसएल(0.100%,25%) | गहरा लाल | |
लाल | #ff0000 या #f00 | आरजीबी(255,0,0) | एचएसएल(0,100%,50%) | लाल | |
नारंगी | #ffa500 | आरजीबी(255,165,0) | एचएसएल(38.8,100%,50%) | नारंगी | |
पीला | #ffff00 या #ff0 | आरजीबी(255,255,0) | एचएसएल(60,100%,50%) | पीला | |
जैतून | #808000 | आरजीबी(128,128,0) | एचएसएल(60,100%,25%) | जैतून | |
नींबू | #00ff00 या #0f0 | आरजीबी(0,255,0) | एचएसएल(120,100%,50%) | हल्का हरा | |
हरा | #008000 | आरजीबी(0,128,0) | एचएसएल(120,100%,25%) | हरा | |
पानी | #00ffff या #0ff | आरजीबी(0,255,255) | एचएसएल(180,100%,50%) | नीला | |
नीला | #0000ff या #00f | आरजीबी(0,0,255) | एचएसएल(240,100%,50%) | नीला | |
नौसेना | #000080 | आरजीबी(0,0,128) | एचएसएल(240,100%,25%) | गहरा नीला | |
चैती | #008080 | आरजीबी(0,128,128) | एचएसएल(180,100%,25%) | नीले हरे | |
फ्यूशिया | #ff00ff या #f0f | आरजीबी(255,0,255) | एचएसएल(300,100%,50%) | गुलाबी | |
बैंगनी | #800080 | आरजीबी(128,0,128) | एचएसएल(300,100%,25%) | बैंगनी |
आरजीबी का उपयोग करना
इंटरनेट एक्सप्लोरर | क्रोम | ओपेरा | सफारी | फ़ायरफ़ॉक्स | एंड्रॉयड | आईओएस |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
आप दशमलव शब्दों में लाल, हरे और नीले मानों का उपयोग करके रंग परिभाषित कर सकते हैं। तीन रंग घटकों में से प्रत्येक का मान 0 से 255 तक होता है। रंग को प्रतिशत के रूप में निर्दिष्ट करने की भी अनुमति है, संख्या 255 के अनुरूप 100% के साथ। सबसे पहले, आरजीबी कीवर्ड निर्दिष्ट करें, और फिर कोष्ठक में रंग घटकों को निर्दिष्ट करें , अल्पविराम द्वारा अलग किया गया, उदाहरण के लिए आरजीबी(255 , 128, 128) या आरजीबी(100%, 50%, 50%)।
आरजीबीए
इंटरनेट एक्सप्लोरर | क्रोम | ओपेरा | सफारी | फ़ायरफ़ॉक्स | एंड्रॉयड | आईओएस |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
आरजीबीए प्रारूप आरजीबी के सिंटैक्स के समान है, लेकिन इसमें एक अल्फा चैनल शामिल है जो तत्व की पारदर्शिता निर्दिष्ट करता है। 0 का मान पूरी तरह से पारदर्शी है, 1 अपारदर्शी है, और 0.5 जैसा मध्यवर्ती मान अर्ध-पारदर्शी है।
RGBA को CSS3 में जोड़ा गया था, इसलिए CSS कोड को इस संस्करण के विरुद्ध मान्य किया जाना चाहिए। यह ध्यान दिया जाना चाहिए कि CSS3 मानक अभी भी विकासाधीन है और कुछ सुविधाएँ बदल सकती हैं। उदाहरण के लिए, पृष्ठभूमि-रंग संपत्ति में जोड़ा गया आरजीबी प्रारूप में एक रंग मान्य है, लेकिन पृष्ठभूमि संपत्ति में जोड़ा गया एक रंग अब मान्य नहीं है। साथ ही, ब्राउज़र दोनों गुणों के रंग को काफी सही ढंग से समझते हैं।
एचएसएल
इंटरनेट एक्सप्लोरर | क्रोम | ओपेरा | सफारी | फ़ायरफ़ॉक्स | एंड्रॉयड | आईओएस |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
एचएसएल प्रारूप का नाम पहले अक्षरों ह्यू (ह्यू), सैचुरेट (संतृप्ति) और लाइटनेस (हल्कापन) के संयोजन से लिया गया है। रंग रंग चक्र पर रंग का मान है (चित्र 1) और डिग्री में दिया गया है। 0° लाल से, 120° हरे से, और 240° नीले से मेल खाता है। रंग का मान 0 से 359 तक भिन्न हो सकता है।
चावल। 1. रंग पहिया
संतृप्ति किसी रंग की तीव्रता है और इसे 0% से 100% तक प्रतिशत के रूप में मापा जाता है। 0% का मान कोई रंग नहीं और भूरे रंग का संकेत देता है, 100% संतृप्ति के लिए अधिकतम मान है।
हल्कापन निर्दिष्ट करता है कि रंग कितना चमकीला है और इसे 0% से 100% तक प्रतिशत के रूप में निर्दिष्ट किया जाता है। कम मान रंग को गहरा बनाते हैं, और उच्च मान रंग को हल्का बनाते हैं; 0% और 100% के चरम मान काले और सफेद के अनुरूप होते हैं।
एचएसएलए
इंटरनेट एक्सप्लोरर | क्रोम | ओपेरा | सफारी | फ़ायरफ़ॉक्स | एंड्रॉयड | आईओएस |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
एचएसएलए प्रारूप सिंटैक्स में एचएसएल के समान है, लेकिन इसमें तत्व की पारदर्शिता निर्दिष्ट करने के लिए एक अल्फा चैनल शामिल है। 0 का मान पूरी तरह से पारदर्शी है, 1 अपारदर्शी है, और 0.5 जैसा मध्यवर्ती मान अर्ध-पारदर्शी है।
RGBA, HSL और HSLA रंग मान CSS3 में जोड़े जाते हैं, इसलिए कृपया इन प्रारूपों का उपयोग करते समय संस्करण वैधता के लिए अपना कोड जांचें।
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
चेतावनी
साइट पर सूचीबद्ध शेर पकड़ने की सभी विधियाँ सैद्धांतिक हैं और कम्प्यूटेशनल विधियों पर आधारित हैं। लेखक उनका उपयोग करते समय आपकी सुरक्षा की गारंटी नहीं देते हैं और परिणामों के लिए किसी भी जिम्मेदारी से इनकार करते हैं। याद रखें, शेर एक शिकारी और खतरनाक जानवर है!
इस उदाहरण का परिणाम चित्र में दिखाया गया है। 2.
चावल। 2. वेब पेज पर रंग
इस पृष्ठ में कीवर्ड वाली एक तालिका है जिसका उपयोग वेब डेवलपर भाषाओं में रंगों को दर्शाने के लिए किया जा सकता है जैसे: HTML, CSS, जावास्क्रिप्ट, फ्लैश, आदि।
WC3 चिंता के लिए पुराने विनिर्देशों में, केवल 16 कीवर्ड निर्दिष्ट किए गए थे, जिनकी सहायता से HTML और CSS में रंग सेट किए गए थे। आगे, अधिक आधुनिक विशिष्टताओं में, रंग नामों को इंगित करने के लिए अन्य 130 कीवर्ड जोड़े गए। निम्न तालिका में रंग नाम और उनके अनुरूप हेक्स और आरजीबी कोड शामिल हैं।
के अनुसार सीएसएस नियमरंग नाम केस संवेदी नहीं हैं. रंग प्रविष्टियाँ इंडियनरेड और इंडियनरेड समतुल्य हैं।
यह भी ध्यान देने योग्य है कि तालिका के 146 कीवर्ड में से वास्तव में इसमें कम रंग हैं। ऐसा इसलिए है क्योंकि कुछ कीवर्डएक ही रंग का प्रतिनिधित्व करें. इस प्रकार, ग्रे और ग्रे नाम 50% ग्रे रंग कोड #808080 का प्रतिनिधित्व करते हैं, और मैजेंटा शब्द हेक्साडेसिमल कोड #FF00FF के अनुरूप HTML रंग फ्यूशिया का पर्याय है। एक्वा और सियान शब्द भी पर्यायवाची हैं, वे कोड #00FFFF के अनुरूप हैं।
|
|
HTML रंग स्लैश वर्ण के बाद छह वर्णों द्वारा दर्शाए जाते हैं - उदाहरण के लिए, #000000। ये छह प्रतीक अंतिम रंग में विभिन्न रंगों (लाल, हरा, नीला) के अनुपात का प्रतिनिधित्व करते हैं। आपके कंप्यूटर मॉनिटर पर, छवि बड़ी संख्या में बिंदुओं से बनती है जिन्हें पिक्सेल कहा जाता है। प्रत्येक पिक्सेल एक छोटा प्रकाश स्रोत है, चलिए इसे "फ्लैशलाइट" कहते हैं, जिसमें बदले में तीन फ्लैशलाइट होते हैं - लाल, हरा और नीला। अलग-अलग रंगीन फ्लैशलाइटों की चमक की तीव्रता को कम या बढ़ाकर, हम वांछित रंग प्राप्त करते हैं।
HTML रंग कोड
HTML में रंगों को लाल, नीले और हरे (RGB) के हेक्साडेसिमल (HEX) अंकन द्वारा दर्शाया जाता है।
सबसे छोटा रंग मान 0 (हेक्साडेसिमल 00) है। उच्चतम रंग मान 255 (हेक्स एफएफ) है।
हेक्साडेसिमल रंग मान # चिह्न से शुरू होने वाले तीन अंकों का है।
रंग कोड (अर्थ)
रंग | हेक्स कोड | आरजीबी कोड |
---|---|---|
#000000 | आरजीबी(0,0,0) | |
#FF0000 | आरजीबी(255,0,0) | |
#00FF00 | आरजीबी(0,255,0) | |
#0000FF | आरजीबी(0,0,255) | |
#FFFF00 | आरजीबी(255,255,0) | |
#00FFFF | आरजीबी(0,255,255) | |
#FF00FF | आरजीबी(255,0,255) | |
#सी0सी0सी0 | आरजीबी(192,192,192) | |
#एफएफएफएफएफएफ | आरजीबी(255,255,255) |
16 मिलियन शेड्स
प्रत्येक रंग के प्रतिशत के लिए 0 से 255 तक के मानों के साथ लाल, नीले और हरे रंग का संयोजन करने पर कुल 16 मिलियन से अधिक शेड्स (256 x 256 x 256) प्राप्त होते हैं।
अधिकांश आधुनिक मॉनिटर कम से कम 16,384 विभिन्न शेड्स प्रदर्शित करने में सक्षम हैं (एलसीडी मॉनिटर आमतौर पर 262 हजार 16 मिलियन प्रदर्शित करने में सक्षम हैं) (अद्यतन अक्टूबर 2013)रंग, और CRT मॉनिटर वस्तुतः असीमित संख्या में रंग प्रदर्शित कर सकते हैं)।
में रंग चार्टनीले और हरे रंग के लिए शून्य मान के साथ लाल के अनुपात में 0 से 255 तक परिवर्तन नीचे दिया गया है:
लाल | हेक्स कोड | आरजीबी कोड |
---|---|---|
#000000 | आरजीबी(0,0,0) | |
#080000 | आरजीबी(8,0,0) | |
#100000 | आरजीबी(16,0,0) | |
#180000 | आरजीबी(24,0,0) | |
#200000 | आरजीबी(32,0,0) | |
#280000 | आरजीबी(40,0,0) | |
#300000 | आरजीबी(48,0,0) | |
#380000 | आरजीबी(56,0,0) | |
#400000 | आरजीबी(64,0,0) | |
#480000 | आरजीबी(72,0,0) | |
#500000 | आरजीबी(80,0,0) | |
#580000 | आरजीबी(88,0,0) | |
#600000 | आरजीबी(96,0,0) | |
#680000 | आरजीबी(104,0,0) | |
#700000 | आरजीबी(112,0,0) | |
#780000 | आरजीबी(120,0,0) | |
#800000 | आरजीबी(128,0,0) | |
#880000 | आरजीबी(136,0,0) | |
#900000 | आरजीबी(144,0,0) | |
#980000 | आरजीबी(152,0,0) | |
#A00000 | आरजीबी(160,0,0) | |
#A80000 | आरजीबी(168,0,0) | |
#B00000 | आरजीबी(176,0,0) | |
#बी80000 | आरजीबी(184,0,0) | |
#C00000 | आरजीबी(192,0,0) | |
#C80000 | आरजीबी(200,0,0) | |
#D00000 | आरजीबी(208,0,0) | |
#D80000 | आरजीबी(216,0,0) | |
#E00000 | आरजीबी(224,0,0) | |
#ई80000 | आरजीबी(232,0,0) | |
#F00000 | आरजीबी(240,0,0) | |
#F80000 | आरजीबी(248,0,0) | |
#FF0000 | आरजीबी(255,0,0) |
शेड्स ऑफ़ ग्रे
भूरे रंग के शेड्स प्राप्त करने के लिए, सभी रंगों के समान अनुपात का उपयोग किया जाता है। आपके लिए सही रंग चुनना आसान बनाने के लिए, हम आपको ग्रे शेड कोड प्रदान करते हैं
शेड्स ऑफ़ ग्रे | हेक्स कोड | आरजीबी कोड |
---|---|---|
#000000 | आरजीबी(0,0,0) | |
#080808 | आरजीबी(8,8,8) | |
#101010 | आरजीबी(16,16,16) | |
#181818 | आरजीबी(24,24,24) | |
#202020 | आरजीबी(32,32,32) | |
#282828 | आरजीबी(40,40,40) | |
#303030 | आरजीबी(48,48,48) | |
#383838 | आरजीबी(56,56,56) | |
#404040 | आरजीबी(64,64,64) | |
#484848 | आरजीबी(72,72,72) | |
#505050 | आरजीबी(80,80,80) | |
#585858 | आरजीबी(88,88,88) | |
#606060 | आरजीबी(96,96,96) | |
#686868 | आरजीबी(104,104,104) | |
#707070 | आरजीबी(112,112,112) | |
#787878 | आरजीबी(120,120,120) | |
#808080 | आरजीबी(128,128,128) | |
#888888 | आरजीबी(136,136,136) | |
#909090 | आरजीबी(144,144,144) | |
#989898 | आरजीबी(152,152,152) | |
#अ0अ0अ0 | आरजीबी(160,160,160) | |
#A8A8A8 | आरजीबी(168,168,168) | |
#बी0बी0बी0 | आरजीबी(176,176,176) | |
#B8B8B8 | आरजीबी(184,184,184) | |
#सी0सी0सी0 | आरजीबी(192,192,192) | |
#C8C8C8 | आरजीबी(200,200,200) | |
#D0D0D0 | आरजीबी(208,208,208) | |
#D8D8D8 | आरजीबी(216,216,216) | |
#ई0ई0ई0 | आरजीबी(224,224,224) | |
#ई8ई8ई8 | आरजीबी(232,232,232) | |
#F0F0F0 | आरजीबी(240,240,240) | |
#F8F8F8 | आरजीबी(248,248,248) | |
#एफएफएफएफएफएफ | आरजीबी(255,255,255) |
क्रॉस-ब्राउज़र (सभी ब्राउज़र) HTML रंग नाम
HTML में 150 रंग नामों का संग्रह, सभी ब्राउज़रों में समर्थित।
मानकीकृत रंग नाम
W3C HTML और CSS के लिए 16 मान्य रंग नामों को सूचीबद्ध करता है: एक्वा, काला, नीला, फ्यूशिया, ग्रे, हरा, नींबू, मैरून (चेस्टनट), नेवी (अल्ट्रामरीन), जैतून (जैतून), बैंगनी (बैंगनी), लाल (लाल) , चांदी (सिल्वर), चैती (ग्रे), सफेद (सफेद) और पीला (पीला)।
इस सूची में शामिल नहीं किए गए रंगों का उपयोग करते समय, उनके हेक्साडेसिमल (HEX) कोड या RGB कोड का उपयोग करना अधिक सही होता है।
सुरक्षित रंग
कई साल पहले, जब कंप्यूटर अधिकतम 256 विभिन्न रंगों का समर्थन कर सकते थे, 216 "वेब सुरक्षित रंगों" की एक सूची प्रस्तावित की गई थी, जिसमें सिस्टम के लिए 40 रंग आरक्षित थे।
यह 216-रंग पैलेट 256-रंग पैलेट मोड में रंगों को ठीक से प्रदर्शित करने के लिए बनाया गया था।
अब इससे कोई फर्क नहीं पड़ता क्योंकि दुनिया भर के अधिकांश कंप्यूटर लाखों रंगों के रंगों का समर्थन करते हैं। किसी भी स्थिति में, यहां इन रंगों की एक सूची दी गई है:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033सीसी | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066सीसी | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00एफएफएफएफ |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33सीसी33 | 33सीसी66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33एफएफसीसी | 33एफएफएफएफ |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633एफएफ |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666एफएफ |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699एफएफ |
66CC00 | 66सीसी33 | 66सीसी66 | 66CC99 | 66सीसीसीसी | 66CCFF |
66FF00 | 66एफएफ33 | 66एफएफ66 | 66एफएफ99 | 66एफएफसीसी | 66एफएफएफएफ |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99एफएफसीसी | 99एफएफएफएफ |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | सीसी3333 | सीसी3366 | सीसी3399 | CC33CC | CC33FF |
सीसी6600 | सीसी6633 | सीसी6666 | सीसी6699 | CC66CC | CC66FF |
सीसी9900 | सीसी9933 | सीसी9966 | सीसी9999 | CC99CC | सीसी99एफएफ |
CCCC00 | सीसीसीसी33 | सीसीसीसी66 | CCCC99 | सीसीसीसीसीसी | सीसीसीसीएफएफ |
CCFF00 | सीसीएफएफ33 | CCFF66 | CCFF99 | सी.सी.एफ.एफ.सी.सी | सी.सी.एफ.एफ.एफ |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
एफएफ3300 | एफएफ3333 | एफएफ3366 | एफएफ3399 | FF33CC | FF33FF |
एफएफ6600 | एफएफ6633 | एफएफ6666 | एफएफ6699 | एफएफ66सीसी | एफएफ66एफएफ |
एफएफ9900 | एफएफ9933 | एफएफ9966 | एफएफ9999 | FF99CC | FF99FF |
FFCC00 | एफएफसीसी33 | एफएफसीसी66 | एफएफसीसी99 | एफएफसीसीसीसी | एफएफसीसीएफएफ |
FFFF00 | FFFF33 | एफएफएफएफ66 | FFFF99 | एफएफएफएफसीसी | एफएफएफएफएफ |
रंगों की तालिका (पैलेट) htmlआपको स्वतंत्र रूप से अपनी ज़रूरत का स्वर चुनने का अवसर देता है। रंग मान तीन स्वरूपों में प्रदर्शित होता है: हेक्स, आरजीबी और एचएसवी।
- हेक्साडेसिमल संख्या प्रणाली में हेक्स में तीन दो-वर्ण मान होते हैं। उदाहरण के लिए: #ff00b3, जहां संख्याओं का पहला जोड़ा लाल है, दूसरा हरा है, और तीसरा नीला है।
- आरजीबी (रेडग्रीनब्लू) का रूप "200,100,255" है, जो परिणामी रंग में संबंधित टोन (लाल, हरा, नीला) की मात्रा को दर्शाता है।
- एचएसवी (ह्यू, सैचुरेशन, वैल्यू - टोन, सैचुरेशन, वैल्यू) - रंग मॉडल, जिसमें निर्देशांक हैं:
- रंग - रंग टोन, 0° से 360° तक भिन्न हो सकता है।
- संतृप्ति - संतृप्ति, 0-100 या 0-1 तक भिन्न होती है। यह पैरामीटर जितना अधिक होगा, रंग उतना ही "शुद्ध" होगा, यही कारण है कि इस पैरामीटर को कभी-कभी रंग शुद्धता भी कहा जाता है। और यह पैरामीटर शून्य के जितना करीब होगा, रंग तटस्थ ग्रे के उतना ही करीब होगा।
- मान (रंग मान) - चमक सेट करता है, मान 0-100 या 0-1 के बीच भी भिन्न हो सकता है।
रंग कोड दर्ज करें: जाना
नामों सहित रंगों की सूची
तालिका में रंगों के नाम सूचीबद्ध हैं अंग्रेजी भाषा(जिसे मान के रूप में उपयोग किया जा सकता है) सभी ब्राउज़रों और उनके हेक्साडेसिमल मानों द्वारा समर्थित है। सूचीबद्ध सभी रंग "सुरक्षित" हैं, जिसका अर्थ है कि वे सभी ब्राउज़रों में समान दिखाई देंगे।
रंग का नाम | हेक्स | रंग |
---|---|---|
काला | #000000 | |
नौसेना | #000080 | |
गहरा नीला | #00008बी | |
मध्यम नीला | #0000सीडी | |
नीला | #0000FF | |
गहरा हरा | #006400 | |
हरा | #008000 | |
टील | #008080 | |
डार्कसियान | #008बी8बी | |
डीपस्काईब्लू | #00BFFF | |
गहराफ़िरोज़ा | #00CED1 | |
मीडियमस्प्रिंगग्रीन | #00FA9A | |
नींबू | #00FF00 | |
हरा बसंत | #00FF7F | |
पानी | #00FFFF | |
सियान | #00FFFF | |
मिडनाइट ब्लू | #191970 | |
चालाक नीला | #1ई90एफएफ | |
लाइटसीग्रीन | #20बी2एए | |
हरे जंगल | #228बी22 | |
समुद्र हरा | #2ई8बी57 | |
डार्कस्लेटग्रे | #2F4F4F | |
पीला हरा रंग | #32सीडी32 | |
मीडियमसीग्रीन | #3सीबी371 | |
फ़िरोज़ा | #40ई0डी0 | |
शाही नीला | #4169ई1 | |
इस्पात नीला | #4682बी4 | |
डार्कस्लेटब्लू | #483डी8बी | |
मध्यमफ़िरोज़ा | #48डी1सीसी | |
नील | #4बी0082 | |
डार्कऑलिवग्रीन | #556बी2एफ | |
कैडेटब्लू | #5F9EA0 | |
नीले फूलों वाला जंगली पेड़ जैसा नीला रंग | #6495ED | |
मीडियमएक्वामरीन | #66सीडीएए | |
डिमग्रे | #696969 | |
स्लेटी छाया वाला नीला रंग | #6ए5एसीडी | |
ऑलिव ड्रैब | #6बी8ई23 | |
तखती स्लेटी | #708090 | |
लाइटस्लेटग्रे | #778899 | |
मीडियमस्लेटब्लू | #7बी68ईई | |
लॉनग्रीन | #7सीएफसी00 | |
षाट्रेज़ | #7एफएफएफ00 | |
अक्वामरीन | #7एफएफएफडी4 | |
लाल रंग | #800000 | |
बैंगनी | #800080 | |
जैतून | #808000 | |
स्लेटी | #808080 | |
आसमानी नीला | #87सीईईबी | |
हल्का आसमानी नीला | #87सीईएफए | |
नीला बैंगनी | #8ए2बीई2 | |
गहरा लाल | #8बी0000 | |
डार्कमैजेंटा | #8बी008बी | |
ब्राउन जीन | #8बी4513 | |
डार्कसीग्रीन | #8एफबीसी8एफ | |
हल्का हरा | #90ई90 | |
मध्यमबैंगनी | #9370डी8 | |
डार्कवायलेट | #9400डी3 | |
म्लान हरा रंग | #98एफबी98 | |
डार्कऑर्किड | #9932सीसी | |
पीले हरे | #9एसीडी32 | |
सिएना | #A0522D | |
भूरा | #A52A2A | |
अंधेरे भूरा | #A9A9A9 | |
हल्का नीला रंग | #ADD8E6 | |
हरा पीला | #ADFF2F | |
पीलाफ़िरोज़ा | #AFEEEE | |
लाइटस्टीलब्लू | #B0C4DE | |
पाउडरनीला | #B0E0E6 | |
आग की ईंट | #बी22222 | |
डार्कगोल्डनरोड | #बी8860बी | |
मीडियमऑर्किड | #BA55D3 | |
रोज़ीब्राउन | #BC8F8F | |
सांवली खाकी | #बीडीबी76बी | |
चाँदी | #सी0सी0सी0 | |
मीडियमवायलेटरेड | #C71585 | |
इंडियनरेड | #CD5C5C | |
पेरू | #CD853F | |
चॉकलेट | #D2691E | |
टैन | #D2B48C | |
हल्का ग्रे | #D3D3D3 | |
पीला बैंगनी लाल | #D87093 | |
थीस्ल | #D8BFD8 | |
आर्किड | #DA70D6 | |
गोल्डनरॉड | #DAA520 | |
गहरा लाल | #DC143C | |
गेन्सबोरो | #DCDCDC | |
आलूबुखारा | #DDA0DD | |
स्थूल लकड़ी | #DEB887 | |
हल्का हरित - नील | #E0FFFF | |
लैवेंडर | #ई6ई6एफए | |
डार्कसैल्मन | #ई9967ए | |
बैंगनी | #EE82EE | |
पेलगोल्डनरोड | #ईईई8एए | |
हल्का मूंगा | #F08080 | |
हाकी | #F0E68C | |
ऐलिसब्लू | #F0F8FF | |
खरबूज़ा | #F0FFF0 | |
नीला | #F0FFFF | |
सैंडीब्राउन | #F4A460 | |
गेहूँ | #F5DEB3 | |
बेज | #F5F5DC | |
सफेद धुआं | #F5F5F5 | |
मिंटक्रीम | #F5FFFA | |
घोस्टव्हाइट | #F8F8FF | |
सैमन | #एफए8072 | |
पीले और सफेद रंग का मिश्रण | #FAEBD7 | |
सनी | #FAF0E6 | |
लाइटगोल्डनरोडपीला | #FAFAD2 | |
पुराना फीता | #FDF5E6 | |
लाल | #FF0000 | |
फ्यूशिया | #FF00FF | |
मैजेंटा | #FF00FF | |
गहरा गुलाबी | #एफएफ1493 | |
नारंगी लाल | #FF4500 | |
टमाटर | #FF6347 | |
हॉट गुलाबी | #FF69B4 | |
मूंगा | #FF7F50 | |
गहरा नारंगी | #FF8C00 | |
लाइटसैल्मन | #FFA07A | |
नारंगी | #एफएफए500 | |
हल्का गुलाबू | #FFB6C1 | |
गुलाबी | #FFC0CB | |
सोना | #FFD700 | |
पीचपफ | #FFDAB9 | |
नवाजोव्हाइट | #FFDEAD | |
एक प्रकार का | #FFE4B5 | |
सूप | #FFE4C4 | |
मिस्टीरोज़ | #FFE4E1 | |
ब्लांच किया हुआ बादाम | #FFEBCD | |
पपीताव्हिप | #FFEFD5 | |
लैवेंडरब्लश | #FFF0F5 | |
सागर की कौड़ी | #FFF5EE | |
मकई के भुट्टे के बाल | #FFF8DC | |
लेमन शिफॉन | #FFFACD | |
पुष्पसफ़ेद | #FFFAF0 | |
बर्फ | #FFFAFA | |
पीला | #FFFF00 | |
पीली रोशनी | #FFFFE0 | |
हाथी दांत | #FFFFFF0 | |
सफ़ेद | #एफएफएफएफएफएफ |