दूधिया रंग एचटीएमएल. शैलियों में रंगों को विभिन्न तरीकों से निर्दिष्ट किया जा सकता है: हेक्साडेसिमल मान द्वारा, नाम से, आरजीबी, आरजीबीए, एचएसएल, एचएसएलए प्रारूप में। रंग कोड जनरेटर

💖क्या आपको यह पसंद है?लिंक को अपने दोस्तों के साथ साझा करें

सीएसएस में रंग कोड का उपयोग रंग निर्दिष्ट करने के लिए किया जाता है। आमतौर पर, रंग कोड या रंग मान का उपयोग किसी तत्व के अग्रभूमि रंग (जैसे पाठ रंग, लिंक रंग) या किसी तत्व के पृष्ठभूमि रंग (पृष्ठभूमि रंग, ब्लॉक रंग) के लिए रंग सेट करने के लिए किया जाता है। उनका उपयोग बटन, बॉर्डर, मार्कर, होवर और अन्य सजावटी प्रभावों का रंग बदलने के लिए भी किया जा सकता है।

आप अपने रंग मानों को विभिन्न स्वरूपों में निर्दिष्ट कर सकते हैं। निम्न तालिका सभी संभावित प्रारूपों को सूचीबद्ध करती है:

सूचीबद्ध प्रारूपों का नीचे अधिक विस्तार से वर्णन किया गया है।

सीएसएस रंग - हेक्स कोड

हेक्साडेसिमल रंग कोडरंग का छह अंकों का प्रतिनिधित्व है। पहले दो अंक (आरआर) लाल मान का प्रतिनिधित्व करते हैं, अगले दो हरे मान (जीजी) का प्रतिनिधित्व करते हैं, और अंतिम दो नीले मान (बीबी) का प्रतिनिधित्व करते हैं।

सीएसएस रंग - लघु हेक्स कोड

लघु हेक्स रंग कोडछह-अक्षर संकेतन का एक छोटा रूप है। इस प्रारूप में, प्रत्येक अंक को छह अंकों के बराबर रंग मान उत्पन्न करने के लिए दोहराया जाता है। उदाहरण के लिए: #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 नाम, हेक्साडेसिमल कोड, आरजीबी, एचएसएल मान और विवरण दिखाता है।

मेज़ 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 और CSS में रंग का नाम हेक्स आरजीबी
लाल स्वर:
इंडियनरेड#CD5C5C205, 92, 92
हल्का मूंगा#F08080240, 128, 128
सैमन#एफए8072250, 128, 114
डार्कसैल्मन#ई9967ए233, 150, 122
लाइटसैल्मन#FFA07A255, 160, 122
गहरा लाल#DC143C220, 20, 60
लाल#FF0000255, 0, 0
आग की ईंट#बी22222178, 34, 34
गहरा लाल#8बी0000139, 0, 0
गुलाबी स्वर:
गुलाबी#FFC0CB255, 192, 203
हल्का गुलाबू#FFB6C1255, 182, 193
हॉट गुलाबी#FF69B4255, 105, 180
गहरा गुलाबी#एफएफ1493255, 20, 147
मीडियमवायलेटरेड#C71585199, 21, 133
पीला बैंगनी लाल#डीबी7093219, 112, 147
नारंगी रंग:
लाइटसैल्मन#FFA07A255, 160, 122
मूंगा#FF7F50255, 127, 80
टमाटर#FF6347255, 99, 71
नारंगी लाल#FF4500255, 69, 0
गहरा नारंगी#FF8C00255, 140, 0
नारंगी#एफएफए500255, 165, 0
पीले स्वर:
सोना#FFD700255, 215, 0
पीला#FFFF00255, 255, 0
पीली रोशनी#FFFFE0255, 255, 224
लेमन शिफॉन#FFFACD255, 250, 205
लाइटगोल्डनरोडपीला#FAFAD2250, 250, 210
पपीताव्हिप#FFEFD5255, 239, 213
एक प्रकार का#FFE4B5255, 228, 181
पीचपफ#FFDAB9255, 218, 185
पेलगोल्डनरोड#ईईई8एए238, 232, 170
हाकी#F0E68C240, 230, 140
सांवली खाकी#बीडीबी76बी189, 183, 107
बैंगनी स्वर:
लैवेंडर#ई6ई6एफए230, 230, 250
थीस्ल#D8BFD8216, 191, 216
आलूबुखारा#DDA0DD221, 160, 221
बैंगनी#EE82EE238, 130, 238
आर्किड#DA70D6218, 112, 214
फ्यूशिया#FF00FF255, 0, 255
मैजेंटा#FF00FF255, 0, 255
मीडियमऑर्किड#BA55D3186, 85, 211
मध्यमबैंगनी#9370डीबी147, 112, 219
नीला बैंगनी#8ए2बीई2138, 43, 226
डार्कवायलेट#9400डी3148, 0, 211
डार्कऑर्किड#9932सीसी153, 50, 204
डार्कमैजेंटा#8बी008बी139, 0, 139
बैंगनी#800080 128, 0, 128
नील#4बी008275, 0, 130
स्लेटी छाया वाला नीला रंग#6ए5एसीडी106, 90, 205
डार्कस्लेटब्लू#483डी8बी72, 61, 139
भूरे रंग के स्वर:
मकई के भुट्टे के बाल#FFF8DC255, 248, 220
ब्लांच किया हुआ बादाम#FFEBCD255, 235, 205
सूप#FFE4C4255, 228, 196
नवाजोव्हाइट#FFDEAD255, 222, 173
गेहूँ#F5DEB3245, 222, 179
स्थूल लकड़ी#DEB887222, 184, 135
टैन#D2B48C210, 180, 140
रोज़ीब्राउन#BC8F8F188, 143, 143
सैंडीब्राउन#F4A460244, 164, 96
गोल्डनरोड#DAA520218, 165, 32
डार्कगोल्डनरोड#बी8860बी184, 134, 11
पेरू#CD853F205, 133, 63
चॉकलेट#D2691E210, 105, 30
ब्राउन जीन#8बी4513139, 69, 19
सिएना#A0522D160, 82, 45
भूरा#A52A2A165, 42, 42
लाल रंग#800000 128, 0, 0
प्राथमिक रंग:
काला#000000 0, 0, 0
स्लेटी#808080 128, 128, 128
चाँदी#सी0सी0सी0192, 192, 192
सफ़ेद#एफएफएफएफएफएफ255, 255, 255
फ्यूशिया#FF00FF255, 0, 255
बैंगनी#800080 128, 0, 128
लाल#FF0000255, 0, 0
लाल रंग#800000 128, 0, 0
पीला#FFFF00205, 92, 92
जैतून#808000 240, 128, 128
नींबू#00FF00250, 128, 114
हरा#008000 233, 150, 122
पानी#00FFFF205, 92, 92
टील#008080 240, 128, 128
नीला#0000FF250, 128, 114
नौसेना#000080 233, 150, 122
HTML और CSS में रंग का नाम हेक्स आरजीबी
हरे स्वर:
हरा पीला#ADFF2F173, 255, 47
षाट्रेज़#7एफएफएफ00127, 255, 0
लॉनग्रीन#7सीएफसी00124, 252, 0
नींबू#00FF000, 255, 0
पीला हरा रंग#32सीडी3250, 205, 50
म्लान हरा रंग#98एफबी98152, 251, 152
हल्का हरा#90ई90144, 238, 144
मीडियमस्प्रिंगग्रीन#00FA9A0, 250, 154
हरा बसंत#00FF7F0, 255, 127
मीडियमसीग्रीन#3सीबी37160, 179, 113
समुद्र हरा#2ई8बी5746, 139, 87
हरे जंगल#228बी2234, 139, 34
हरा#008000 0, 128, 0
गहरा हरा#006400 0, 100, 0
पीले हरे#9एसीडी32154, 205, 50
ऑलिव ड्रैब#6बी8ई23107, 142, 35
जैतून#808000 128, 128, 0
डार्कऑलिवग्रीन#556बी2एफ85, 107, 47
मीडियम एक्वामरीन#66सीडीएए102, 205, 170
डार्कसीग्रीन#8एफबीसी8एफ143, 188, 143
लाइटसीग्रीन#20बी2एए32, 178, 170
डार्कसियान#008बी8बी0, 139, 139
टील#008080 0, 128, 128
नीले स्वर:
पानी#00FFFF0, 255, 255
सियान#00FFFF0, 255, 255
हल्का हरित - नील#E0FFFF224, 255, 255
पीलाफ़िरोज़ा#AFEEEE175, 238, 238
अक्वामरीन#7एफएफएफडी4127, 255, 212
फ़िरोज़ा#40ई0डी064, 224, 208
मध्यमफ़िरोज़ा#48डी1सीसी72, 209, 204
गहराफ़िरोज़ा#00CED10, 206, 209
कैडेटब्लू#5F9EA095, 158, 160
इस्पात नीला#4682बी470, 130, 180
लाइटस्टीलब्लू#B0C4DE176, 196, 222
पाउडरनीला#B0E0E6176, 224, 230
हल्का नीला रंग#ADD8E6173, 216, 230
आसमानी नीला#87सीईईबी135, 206, 235
हल्का आसमानी नीला#87सीईएफए135, 206, 250
डीपस्काईब्लू#00BFFF0, 191, 255
चालाक नीला#1ई90एफएफ30, 144, 255
नीले फूलों वाला जंगली पेड़ जैसा नीला रंग#6495ED100, 149, 237
मीडियमस्लेटब्लू#7बी68ईई123, 104, 238
शाही नीला#4169ई165, 105, 225
नीला#0000FF0, 0, 255
मध्यम नीला#0000सीडी0, 0, 205
गहरा नीला#00008बी0, 0, 139
नौसेना#000080 0, 0, 128
मिडनाइट ब्लू#191970 25, 25, 112
सफ़ेद स्वर:
सफ़ेद#एफएफएफएफएफएफ255, 255, 255
बर्फ#FFFAFA255, 250, 250
खरबूज़ा#F0FFF0240, 255, 240
मिंटक्रीम#F5FFFA245, 255, 250
नीला#F0FFFF240, 255, 255
ऐलिसब्लू#F0F8FF240, 248, 255
घोस्टव्हाइट#F8F8FF248, 248, 255
सफेद धुआं#F5F5F5245, 245, 245
सागर की कौड़ी#FFF5EE255, 245, 238
बेज#F5F5DC245, 245, 220
पुराना फीता#FDF5E6253, 245, 230
पुष्पसफ़ेद#FFFAF0255, 250, 240
हाथी दांत#FFFFFF0255, 255, 240
पीले और सफेद रंग का मिश्रण#FAEBD7250, 235, 215
सनी#FAF0E6250, 240, 230
लैवेंडरब्लश#FFF0F5255, 240, 245
मिस्टीरोज़#FFE4E1255, 228, 225
ग्रे टोन:
गेन्सबोरो#DCDCDC220, 220, 220
हल्का ग्रे#D3D3D3211, 211, 211
हल्का ग्रे#D3D3D3211, 211, 211
चाँदी#सी0सी0सी0192, 192, 192
अंधेरे भूरा#A9A9A9169, 169, 169
गहरा भूरा#A9A9A9169, 169, 169
स्लेटी#808080 128, 128, 128
स्लेटी#808080 128, 128, 128
डिमग्रे#696969 105, 105, 105
डिमग्रे#696969 105, 105, 105
लाइटस्लेटग्रे#778899 119, 136, 153
लाइटस्लेटग्रे#778899 119, 136, 153
तखती स्लेटी#708090 112, 128, 144
तखती स्लेटी#708090 112, 128, 144
डार्कस्लेटग्रे#2F4F4F47, 79, 79
डार्कस्लेटग्रे#2F4F4F47, 79, 79
काला#000000 0, 0, 0

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
सफ़ेद#एफएफएफएफएफएफ


मित्रों को बताओ