अग्नि रंग कोड. Minecraft में रंग कोड
जैसा कि आप जानते हैं, रंग किसी व्यक्ति की स्थिति को प्रभावित कर सकता है: मानसिक और शारीरिक दोनों। हर दिन, इंटरनेट पर वेबसाइट ब्राउज़ करते समय आंखें लाखों रंगों और रंगों का मूल्यांकन करती हैं। एक वेब डिज़ाइनर जो रंग के मनोविज्ञान से परिचित है, कुछ लक्ष्यों को प्राप्त करने के लिए विज़िटर के मूड में हेरफेर कर सकता है।
यह इस तथ्य के कारण है कि कुछ रंग शांत होते हैं, और कुछ, इसके विपरीत, उत्तेजित करते हैं। आगे हम इस बारे में बात करेंगे कि कंप्यूटर प्रौद्योगिकी का उपयोग करके रंग को कैसे संश्लेषित और प्रदर्शित किया जाता है।
आरजीबी एक रंग मॉडल है जो तीन मुख्य घटकों को विभिन्न अनुपातों में मिलाकर सभी रंगों और उनके रंगों को प्राप्त करने की एक विधि का प्रतिनिधित्व करता है, जो हैं:
- लाल रंग ( लाल);
- हरा रंग (हरा);
- नीला रंग ( नीला).
यहीं से संक्षिप्त नाम RGB आता है। इन रंगों को एक कारण से मुख्य रंगों के रूप में चुना गया था: इसका कारण मानव आंख की रेटिना का शरीर विज्ञान है, और यह उन्हें कैसे मानता है:
आरजीबी मॉडल आज भी सबसे लोकप्रिय है और इसका उपयोग टीवी स्क्रीन पर रंगों को पुन: पेश करने के लिए किया जाता है कंप्यूटर मॉनिटर. चूंकि निर्माता अपने उत्पादों का समर्थन करते हैं विभिन्न विशेषताएँ, 1996 में बनाया गया था एक प्रणाली RGB-आधारित रंग संश्लेषण जिसे sRGB कहा जाता है, जिस पर हमने सहयोग किया है माइक्रोसॉफ्टऔर एच.पी.
रंग का संख्यात्मक प्रतिनिधित्व
जैसा कि पहले उल्लेख किया गया है, आरजीबी रंग प्राथमिक रंगों को मिलाकर बनते हैं। उनमें से प्रत्येक की तीव्रता का वर्णन करने के लिए, एक योजना अपनाई गई जिसमें रंग को 0-255 (8 बिट्स) की सीमा द्वारा दर्शाया जाता है, जो हेक्साडेसिमल नोटेशन में 00-एफएफ से मेल खाता है।
यानी प्राथमिक रंग इस तरह दिखेंगे:
- लाल - आरजीबी (255,0,0);
- हरा - आरजीबी (0,255,0);
- नीला - आरजीबी (0,0,255);
यदि रंग की तीव्रता 255 से कम मान लेती है, तो लाल, हरे और नीले रंग के विभिन्न शेड प्राप्त होते हैं। निम्नलिखित उनके ग्रेडेशन की एक तालिका है, साथ ही प्रत्येक शेड के हेक्साडेसिमल मान भी हैं:
आरजीबी रंग तालिकाएँ
स्वाभाविक रूप से, प्राथमिक रंगों के उन्नयन के अलावा, मिश्रित भी होते हैं, और उनकी संख्या काफी बड़ी होती है। इसलिए, आरजीबी रंगों की एक तालिका बनाई गई, जो सभी मौजूदा रंगों, साथ ही उनके नाम और संख्यात्मक प्रतिनिधित्व प्रस्तुत करती है ( दशमलव और हेक्साडेसिमल रूप में).
आप इसे यहां देख सकते हैं। यह तालिका वेब डिज़ाइनरों के लिए जीवन को बहुत आसान बनाती है, क्योंकि कुछ ही सेकंड में आप आवश्यक शेड ढूंढ सकते हैं और उसका संख्यात्मक प्रतिनिधित्व पता लगा सकते हैं।
सुरक्षित आरजीबी रंग पैलेट
हालाँकि, कुछ बिंदु पर विभिन्न ब्राउज़रों में रंग प्रदर्शित करने में समस्या थी, और इसे हल करने के लिए, आरजीबी रंगों के तथाकथित "सुरक्षित" पैलेट को संकलित किया गया था, जो गणितीय गणनाओं द्वारा प्राप्त किए गए थे।
जब ब्राउज़र किसी रंग को सही ढंग से प्रदर्शित नहीं कर पाता है, तो वह आसन्न रंगों को मिलाकर अपनी आवश्यकता के करीब कुछ पाने की कोशिश करेगा, और सबसे अधिक संभावना है कि परिणाम पूरी तरह से अस्वीकार्य होगा:
इस पैलेट से आरजीबी रंग कोड का उपयोग करके, एक वेब डेवलपर विभिन्न ब्राउज़रों, प्लेटफार्मों और मॉनिटरों का उपयोग करके देखे जाने पर अपनी वेबसाइट के पृष्ठों पर रंगों के प्रदर्शन के बारे में मानसिक शांति पा सकता है। यद्यपि चालू है इस पलसुरक्षित रंगों की तालिका अपनी प्रासंगिकता खो देती है ( तकनीकी प्रगति अभी भी स्थिर नहीं है), इसका उपयोग करते समय, जैसा कि वे कहते हैं, आप शांति से सो सकते हैं।
आरजीबी मॉडल में सुनहरा रंग
रंग का वर्णन करने के लिए "सुनहरा" शब्द का प्रयोग पहली बार 14वीं शताब्दी की शुरुआत में किया गया था रासायनिक तत्वऔरम कहा जाता है - सोना। आरजीबी मॉडल में, रंग सोने को निम्नलिखित संख्यात्मक मानों द्वारा दर्शाया जाता है:
- आरजीबी (255, 215, 0) - दशमलव प्रणाली;
- HEX #FFD700 - हेक्साडेसिमल प्रणाली।
आरजीबी मॉडल में बेज रंग
बेज रंग काफी अच्छा लगता है महत्वपूर्ण स्थानइतिहास में, भले ही वह सर्वाधिक अभिव्यंजक न हो। कई सांस्कृतिक स्मारक, विशेष रूप से प्राचीन मूर्तियां, सोपस्टोन और सोपस्टोन से बनी थीं, जिनका रंग बेज होता है। आरजीबी मॉडल में, बेज में निम्नलिखित संख्यात्मक प्रतिनिधित्व हैं:
- आरजीबी (245, 245, 220) - दशमलव प्रणाली;
- HEX #F5F5DC - हेक्साडेसिमल प्रणाली।
आजकल, विशेषकर वर्ल्ड वाइड वेब पर, ऐसा "उबाऊ" रंग देखना दुर्लभ है। डेवलपर्स आकर्षक डिज़ाइन, उपयोग को प्राथमिकता देते हैं उज्जवल रंग. तकनीकी प्रगति ने मॉनिटर पर भारी संख्या में रंगों को प्रदर्शित करना संभव बना दिया है, जिससे तस्वीर अधिक यथार्थवादी बन जाती है।
अच्छा बुरा
रंगों को निर्दिष्ट करने के लिए हेक्साडेसिमल संख्याओं का उपयोग किया जाता है। हेक्साडेसिमल प्रणाली, दशमलव प्रणाली के विपरीत, जैसा कि इसके नाम से पता चलता है, संख्या 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 जैसा मध्यवर्ती मान अर्ध-पारदर्शी है।
में रंग मान आरजीबीए प्रारूप, HSL और HSLA को CSS3 में जोड़ा गया है, इसलिए इन प्रारूपों का उपयोग करते समय, संस्करण वैधता के लिए अपना कोड जांचें।
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
चेतावनी
साइट पर सूचीबद्ध शेर पकड़ने की सभी विधियाँ सैद्धांतिक हैं और कम्प्यूटेशनल विधियों पर आधारित हैं। लेखक उनका उपयोग करते समय आपकी सुरक्षा की गारंटी नहीं देते हैं और परिणामों के लिए किसी भी जिम्मेदारी से इनकार करते हैं। याद रखें, शेर एक शिकारी और खतरनाक जानवर है!
इस उदाहरण का परिणाम चित्र में दिखाया गया है। 2.
चावल। 2. वेब पेज पर रंग
HTML में, रंग को तीन तरीकों से निर्दिष्ट किया जा सकता है:
HTML में उसके नाम से रंग सेट करना
कुछ रंगों को रंग नाम का उपयोग करके उनके नाम से निर्दिष्ट किया जा सकता है अंग्रेजी भाषा. सबसे आम कीवर्ड: काला, सफ़ेद, लाल, हरा, नीला, आदि:
पाठ का रंग - लाल
वर्ल्ड वाइड वेब कंसोर्टियम (W3C) मानक के सबसे लोकप्रिय रंग:
रंग | नाम | रंग | नाम | रंग | नाम | रंग | नाम |
---|---|---|---|---|---|---|---|
काला | स्लेटी | चाँदी | सफ़ेद | ||||
पीला | नींबू | पानी | फ्यूशिया | ||||
लाल | हरा | नीला | बैंगनी | ||||
लाल रंग | जैतून | नौसेना | टील |
विभिन्न रंग नामों का उपयोग करने का उदाहरण:
उदाहरण: किसी रंग को उसके नाम से निर्दिष्ट करना
- खुद कोशिश करना "
लाल पृष्ठभूमि पर हेडर
नारंगी पृष्ठभूमि पर हेडर
चूने की पृष्ठभूमि पर शीर्षक
नीले रंग की पृष्ठभूमि पर सफेद पाठ
लाल पृष्ठभूमि पर हेडर
नारंगी पृष्ठभूमि पर हेडर
चूने की पृष्ठभूमि पर शीर्षक
नीले रंग की पृष्ठभूमि पर सफेद पाठ
RGB का उपयोग करके रंग निर्दिष्ट करना
मॉनिटर पर विभिन्न रंग प्रदर्शित करते समय, RGB पैलेट का उपयोग आधार के रूप में किया जाता है। कोई भी रंग तीन मूल रंगों को मिलाकर प्राप्त किया जाता है: आर - लाल, जी - हरा, बी - नीला. प्रत्येक रंग की चमक एक बाइट के रूप में निर्दिष्ट होती है और इसलिए 0 से 255 तक मान ले सकती है। उदाहरण के लिए, RGB(255,0,0) को लाल के रूप में प्रदर्शित किया जाता है क्योंकि लाल को इसके सबसे अधिक पर सेट किया जाता है उच्च मूल्य(255), और बाकी 0 पर सेट हैं। आप रंग को प्रतिशत के रूप में भी सेट कर सकते हैं। प्रत्येक पैरामीटर संबंधित रंग के चमक स्तर को इंगित करता है। उदाहरण के लिए: मान rgb(127, 255, 127) और rgb(50%, 100%, 50%) समान मध्यम हरा रंग सेट करेंगे:
उदाहरण: RGB का उपयोग करके रंग निर्दिष्ट करना
- खुद कोशिश करना "
आरजीबी(127, 255, 127)
आरजीबी(50%, 100%, 50%)
आरजीबी(127, 255, 127)
आरजीबी(50%, 100%, 50%)
हेक्साडेसिमल मान द्वारा रंग सेट करें
मान आर जी बीफॉर्म में हेक्साडेसिमल (HEX) रंग मानों का उपयोग करके भी निर्दिष्ट किया जा सकता है: #RRGGBB जहां RR (लाल), GG (हरा) और BB (नीला) 00 से FF तक हेक्साडेसिमल मान हैं (दशमलव 0-255 के समान) ) . दशमलव प्रणाली के विपरीत, हेक्साडेसिमल प्रणाली, जैसा कि इसके नाम से पता चलता है, संख्या 16 पर आधारित है। हेक्साडेसिमल प्रणाली निम्नलिखित संकेतों का उपयोग करती है: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ए, बी, सी, डी, ई, एफ। यहां 10 से 15 तक की संख्याओं को लैटिन अक्षरों से बदल दिया गया है। हेक्साडेसिमल प्रणाली में 15 से बड़ी संख्याओं को दो वर्णों को एक मान में जोड़कर दर्शाया जाता है। उदाहरण के लिए, सबसे बड़ी संख्यादशमलव में 255 हेक्साडेसिमल में उच्चतम एफएफ मान से मेल खाता है। दशमलव प्रणाली के विपरीत, एक हेक्साडेसिमल संख्या के पहले एक हैश प्रतीक होता है। # उदाहरण के लिए, #FF0000 को लाल के रूप में दिखाया गया है क्योंकि लाल को उसके उच्चतम मान (FF) पर सेट किया गया है और बाकी रंगों को उनके न्यूनतम मान (00) पर सेट किया गया है। हैश चिन्ह के बाद के चिन्ह # आप अपरकेस और लोअरकेस दोनों में टाइप कर सकते हैं। हेक्साडेसिमल प्रणाली आपको संक्षिप्त रूप #rgb का उपयोग करने की अनुमति देती है, जहां प्रत्येक वर्ण डबल के बराबर है। इस प्रकार, प्रविष्टि #f7O को #ff7700 माना जाना चाहिए।
उदाहरण: हेक्स रंग
- खुद कोशिश करना "
लाल: #FF0000
हरा: #00FF00
नीला: #0000FF
लाल: #FF0000
हरा: #00FF00
नीला: #0000FF
लाल+हरा=पीला: #FFFF00
लाल+नीला=बैंगनी: #FF00FF
हरा+नीला=सियान: #00FFFF
सामान्य रंगों की सूची (नाम, HEX और RGB):
अंग्रेजी नाम | रूसी नाम | नमूना | हेक्स | आरजीबी | ||
---|---|---|---|---|---|---|
अम्लान रंगीन पुष्प का पौध | अम्लान रंगीन पुष्प का पौध | #E52B50 | 229 | 43 | 80 | |
अंबर | अंबर | #FFBF00 | 255 | 191 | 0 | |
पानी | नीले हरे | #00FFFF | 0 | 255 | 255 | |
नीला | नीला | #007FFF | 0 | 127 | 255 | |
काला | काला | #000000 | 0 | 0 | 0 | |
नीला | नीला | #0000FF | 0 | 0 | 255 | |
बौंडी नीला | बौंडी समुद्र तट का पानी | #0095बी6 | 0 | 149 | 182 | |
पीतल | पीतल | #बी5ए642 | 181 | 166 | 66 | |
भूरा | भूरा | #964बी00 | 150 | 75 | 0 | |
आसमानी | नीला | #007बीए7 | 0 | 123 | 167 | |
गहरा वसंत हरा | गहरा वसंत हरा | #177245 | 23 | 114 | 69 | |
पन्ना | पन्ना | #50सी878 | 80 | 200 | 120 | |
बैंगन | बैंगन | #990066 | 153 | 0 | 102 | |
फ्यूशिया | फ्यूशिया | #FF00FF | 255 | 0 | 255 | |
सोना | सोना | #FFD700 | 250 | 215 | 0 | |
स्लेटी | स्लेटी | #808080 | 128 | 128 | 128 | |
हरा | हरा | #00FF00 | 0 | 255 | 0 | |
नील | नील | #4बी0082 | 75 | 0 | 130 | |
जेड | जेड | #00ए86बी | 0 | 168 | 107 | |
नींबू | नींबू | #CCFF00 | 204 | 255 | 0 | |
मैलाकाइट | मैलाकाइट | #0BDA51 | 11 | 218 | 81 | |
नौसेना | गहरा नीला | #000080 | 0 | 0 | 128 | |
गेरू | गेरू | #सीसी7722 | 204 | 119 | 34 | |
जैतून | जैतून | #808000 | 128 | 128 | 0 | |
नारंगी | नारंगी | #एफएफए500 | 255 | 165 | 0 | |
आड़ू | आड़ू | #FFE5B4 | 255 | 229 | 180 | |
कद्दू | कद्दू | #FF7518 | 255 | 117 | 24 | |
बैंगनी | बैंगनी | #800080 | 128 | 0 | 128 | |
लाल | लाल | #FF0000 | 255 | 0 | 0 | |
केसर | केसर | #F4C430 | 244 | 196 | 48 | |
समुद्र हरा | हरा समुद्र | #2ई8बी57 | 46 | 139 | 87 | |
दलदल हरा | बोलोटनी | #ACB78E | 172 | 183 | 142 | |
टील | नीले हरे | #008080 | 0 | 128 | 128 | |
नीला सा | नीला सा | #120ए8एफ | 18 | 10 | 143 | |
बैंगनी | बैंगनी | #8बी00एफएफ | 139 | 0 | 255 | |
पीला | पीला | #FFFF00 | 255 | 255 | 0 |
संतृप्ति और रंग के आधार पर रंग कोड (पृष्ठभूमि)।
व्लाद मर्ज़ेविच
HTML में, रंग को दो तरीकों में से एक में निर्दिष्ट किया जाता है: हेक्साडेसिमल कोड का उपयोग करके और कुछ रंगों के नाम से। हेक्साडेसिमल संख्या प्रणाली पर आधारित विधि का मुख्य रूप से उपयोग किया जाता है, क्योंकि यह सबसे सार्वभौमिक है।
हेक्साडेसिमल रंग
HTML रंग निर्दिष्ट करने के लिए हेक्साडेसिमल संख्याओं का उपयोग करता है। हेक्साडेसिमल प्रणाली, दशमलव प्रणाली के विपरीत, जैसा कि इसके नाम से पता चलता है, संख्या 16 पर आधारित है। संख्याएँ इस प्रकार होंगी: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ए , बी, सी, डी, ई, एफ। 10 से 15 तक की संख्याओं को लैटिन अक्षरों से बदल दिया गया है। तालिका में 6.1 दशमलव और हेक्साडेसिमल संख्याओं के बीच पत्राचार दिखाता है।
हेक्साडेसिमल प्रणाली में 15 से बड़ी संख्याएँ दो संख्याओं को एक में मिलाने से बनती हैं (तालिका 6.2)। उदाहरण के लिए, दशमलव में संख्या 255 हेक्साडेसिमल में संख्या एफएफ से मेल खाती है।
संख्या प्रणाली को परिभाषित करने में भ्रम से बचने के लिए, एक हेक्साडेसिमल संख्या के पहले एक हैश प्रतीक # होता है, उदाहरण के लिए #aa69cc। ऐसे में केस कोई मायने नहीं रखता, इसलिए #F0F0F0 या #f0f0f0 लिखना जायज़ है.
HTML में प्रयुक्त एक विशिष्ट रंग इस तरह दिखता है।
यहां वेब पेज का बैकग्राउंड कलर #FA8E47 पर सेट है। किसी संख्या के सामने हैश चिन्ह # का अर्थ है कि वह हेक्साडेसिमल है। पहले दो अंक (एफए) रंग के लाल घटक को परिभाषित करते हैं, तीसरे से चौथे अंक (8ई) हरे घटक को परिभाषित करते हैं, और अंतिम दो अंक (47) नीले घटक को परिभाषित करते हैं। अंतिम परिणाम यही रंग होगा.
एफ.ए. | + | 8ई | + | 47 | = | FA8E47 |
तीन रंगों में से प्रत्येक - लाल, हरा और नीला - 00 से एफएफ तक मान ले सकता है, जिसके परिणामस्वरूप कुल 256 शेड्स होते हैं। इस प्रकार, रंगों की कुल संख्या 256x256x256 = 16,777,216 संयोजन हो सकती है। लाल, हरे और नीले घटकों पर आधारित रंग मॉडल को आरजीबी (लाल, हरा, नीला; लाल, हरा, नीला) कहा जाता है। यह मॉडल योगात्मक (ऐड-ऐड से) है, जिसमें तीनों घटकों के योग से रंग सफेद बनता है।
हेक्साडेसिमल रंगों को नेविगेट करना आसान बनाने के लिए, कुछ नियमों को ध्यान में रखें।
- यदि रंग घटकों के मान समान हैं (उदाहरण के लिए: #D6D6D6), तो परिणाम एक ग्रे रंग होगा। कैसे बड़ी संख्या, रंग जितना हल्का होगा, उसका मान #000000 (काला) से लेकर #FFFFFF (सफ़ेद) तक होगा।
- यदि लाल घटक को अधिकतम (एफएफ) बना दिया जाए और शेष घटकों को शून्य पर सेट कर दिया जाए तो एक चमकीला लाल रंग बनता है। #FF0000 मान वाला रंग लाल रंग का सबसे लाल संभावित शेड है। हरे (#00FF00) और नीले (#0000FF) के लिए भी यही सच है।
- पीला(#FFFF00) लाल और हरे रंग को मिलाकर प्राप्त किया जाता है। यह रंग चक्र (चित्र 6.1) पर स्पष्ट रूप से दिखाई देता है, जो प्राथमिक रंग (लाल, हरा, नीला) और पूरक या अतिरिक्त प्रस्तुत करता है। इनमें पीला, सियान और बैंगनी (जिन्हें मैजेंटा भी कहा जाता है) शामिल हैं। सामान्य तौर पर, किसी भी रंग को उसके करीब के रंगों को मिलाकर प्राप्त किया जा सकता है। इस प्रकार, नीले और हरे रंग को मिलाकर सियान (#00FFFF) प्राप्त किया जाता है।
चावल। 6.1. रंग चक्र
हेक्साडेसिमल मानों पर आधारित रंगों को अनुभवजन्य रूप से चुनने की आवश्यकता नहीं है। इस उद्देश्य के लिए, एक ग्राफिक संपादक उपयुक्त है जो विभिन्न रंग मॉडलों के साथ काम कर सकता है, उदाहरण के लिए, एडोब फोटोशॉप। चित्र में. चित्र 6.2 इस प्रोग्राम में एक रंग का चयन करने के लिए विंडो दिखाता है; वर्तमान रंग का परिणामी हेक्साडेसिमल मान एक रेखा के साथ रेखांकित किया गया है। आप इसे कॉपी करके अपने कोड में पेस्ट कर सकते हैं.
चावल। 6.2. फ़ोटोशॉप में रंग चुनने के लिए विंडो
वेब रंग
यदि आप मॉनिटर की रंग प्रतिपादन गुणवत्ता को 8 बिट्स (256 रंग) पर सेट करते हैं, तो वही रंग प्रदर्शित किया जा सकता है विभिन्न ब्राउज़रमेरे अपने तरीके से। ऐसा ग्राफिक्स प्रदर्शित करने के तरीके के कारण होता है, जब ब्राउज़र अपने पैलेट के साथ काम करता है और ऐसा रंग नहीं दिखा सकता जो उसके पैलेट में नहीं है। इस मामले में, रंग को अन्य, उसके करीब, रंगों के पिक्सेल के संयोजन से बदल दिया जाता है जो दिए गए रंग की नकल करते हैं। यह सुनिश्चित करने के लिए कि रंग विभिन्न ब्राउज़रों में समान रहे, तथाकथित वेब रंगों का एक पैलेट पेश किया गया था। वेब रंग वे रंग हैं जिनके लिए प्रत्येक घटक - लाल, हरा और नीला - छह मानों में से एक पर सेट है - 0 (00), 51 (33), 102 (66), 153 (99), 204 (सीसी) , 255 (एफएफ)। इस घटक का हेक्साडेसिमल मान कोष्ठकों में दर्शाया गया है। कुलसभी संभावित संयोजनों से रंग 6x6x6 - 216 रंग देते हैं। एक उदाहरण वेब रंग #33एफएफ66 है।
वेब कलर की मुख्य विशेषता यह है कि यह सभी ब्राउज़रों में एक जैसा दिखाई देता है। फिलहाल, मॉनिटर की गुणवत्ता में सुधार और उनकी क्षमताओं के विस्तार के कारण वेब रंगों की प्रासंगिकता बहुत कम है।
नाम से रंग
संख्याओं के सेट को याद रखने से बचने के लिए, आप इसके बजाय आमतौर पर उपयोग किए जाने वाले रंगों के नामों का उपयोग कर सकते हैं। तालिका में 6.3 लोकप्रिय रंग नामों के नाम दिखाता है।
रंग का नाम | रंग | विवरण | हेक्साडेसिमल मान |
---|---|---|---|
काला | काला | #000000 | |
नीला | नीला | #0000FF | |
फ्यूशिया | हलका बैंगनी | #FF00FF | |
स्लेटी | गहरा भूरा | #808080 | |
हरा | हरा | #008000 | |
नींबू | हल्का हरा | #00FF00 | |
लाल रंग | गहरा लाल | #800000 | |
नौसेना | गहरा नीला | #000080 | |
जैतून | जैतून | #808000 | |
बैंगनी | ज्यादा बैंगनी | #800080 | |
लाल | लाल | #FF0000 | |
चाँदी | हल्का ग्रे | #सी0सी0सी0 | |
चैती | नीले हरे | #008080 | |
सफ़ेद | सफ़ेद | #एफएफएफएफएफएफ | |
पीला | पीला | #FFFF00 |
इससे कोई फर्क नहीं पड़ता कि आप किसी रंग को उसके नाम से निर्दिष्ट करते हैं या हेक्साडेसिमल संख्याओं का उपयोग करके। ये विधियाँ अपने प्रभाव में समान हैं। उदाहरण 6.1 दिखाता है कि वेब पेज की पृष्ठभूमि और टेक्स्ट रंग कैसे सेट करें।
उदाहरण 6.1. पृष्ठभूमि और पाठ का रंग
उदाहरण पाठ
में इस उदाहरण मेंपृष्ठभूमि का रंग टैग की bgcolor विशेषता का उपयोग करके सेट किया गया है
, और टेक्स्ट विशेषता के माध्यम से टेक्स्ट का रंग। विविधता के लिए, टेक्स्ट विशेषता को हेक्साडेसिमल संख्या पर सेट किया गया है, और bgcolor विशेषता को आरक्षित मान पर सेट किया गया है। कीवर्डचैती.Minecraft कोड रंग की, या Minecraft कोडफ़ॉर्मेटिंग, किसी भी खिलाड़ी को सीधे Minecraft में हर संभव तरीके से फूल जोड़ने और टेक्स्ट को फ़ॉर्मेट करने की अनुमति देता है। रंग कोड&0-9 से - &a-f तक। उन्हें अपने पाठ से पहले जोड़ें. खिलाड़ियों के संदेशों में रंग कोड हो सकते हैं जो आपको अपने वाक्यों में रंग जोड़ने की अनुमति देते हैं।
रंग और फ़ॉर्मेटिंग कोड
संदेशों में हेक्साडेसिमल संख्या के बाद एम्परसेंड चिह्न (&) क्लाइंट को पाठ प्रदर्शित करते समय रंग बदलने का संकेत देता है। इसके अतिरिक्त, टेक्स्ट को & के बाद एक अक्षर के साथ स्वरूपित किया जा सकता है। आप किताबों में अलग-अलग रंग जोड़ सकते हैं, कमांड ब्लॉक, सर्वर का नाम, सर्वर विवरण (मोट), दुनिया के नामों में, संकेतों में और यहां तक कि खिलाड़ी के नामों में भी।
नीचे दिए गए रंग चार्ट का उपयोग करके अपने टेक्स्ट को कॉन्फ़िगरेशन या गेम में प्रारूपित करना बहुत आसान है। &r का उपयोग सभी कोड को रीसेट करने के लिए किया जाता है, अर्थात। &mAAA&rBBB को AAA BBB के रूप में प्रदर्शित किया जाएगा।
हम आपकी सुविधा के लिए Minecraft में मौजूदा रंग कोड की एक तालिका प्रस्तुत करते हैं:
कोड | नाम | तकनीकी नाम | प्रतीक रंग | प्रतीक छाया रंग | ||||||
---|---|---|---|---|---|---|---|---|---|---|
आर | जी | बी | हेक्स | आर | जी | बी | हेक्स | |||
&0 | काला | काला | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | गहरा नीला | गहरा नीला | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002ए |
&2 | गहरा हरा | गहरा हरा | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | गहरा नीला-हरा | डार्क_एक्वा | 0 | 170 | 170 | 00एएए | 0 | 42 | 42 | 002ए2ए |
&4 | गहरा लाल | गहरा लाल | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | ज्यादा बैंगनी | ज्यादा बैंगनी | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | सोना | सोना | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | स्लेटी | स्लेटी | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2ए2ए2ए |
&8 | गहरा भूरा | अंधेरे भूरा | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | नीला | नीला | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153एफ |
&ए | हरा | हरा | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153एफ15 |
&बी | नीले हरे | पानी | 85 | 255 | 255 | 55एफएफएफएफ | 21 | 63 | 63 | 153एफ3एफ |
&सी | लाल | लाल | 255 | 85 | 85 | एफएफ5555 | 63 | 21 | 21 | 3F1515 |
&डी | हलका बैंगनी | हलका बैंगनी | 255 | 85 | 255 | एफएफ55एफएफ | 63 | 21 | 63 | 3F153F |
&इ | पीला | पीला | 255 | 255 | 85 | एफएफएफएफ55 | 63 | 63 | 21 | 3F3F15 |
&एफ | सफ़ेद | सफ़ेद | 255 | 255 | 255 | एफएफएफएफएफ | 63 | 63 | 63 | 3F3F3F |
कभी-कभी यह आवश्यक होता है रेखांकित करना, काट देना, प्रमुखता से दिखानाकोई पाठ. यह टेक्स्ट फ़ॉर्मेटिंग का उपयोग करके किया जाता है. इसका उपयोग बिल्कुल उसी तरह किया जाता है जैसे कि रंग (हम पाठ से पहले डालते हैं)। कोड, उदाहरण के लिए &lMinecraft = माइनक्राफ्ट।
आपकी सुविधा के लिए, नीचे फ़ॉर्मेटिंग कोड की एक तालिका दी गई है:
कोड | नाम |
---|---|
&क | जादुई पाठ |
&एल | थंबनेल |
&एम | स्ट्राइकथ्रू पाठ |
&एन | रेखांकित पाठ |
&o | इटैलिक पाठ |
&आर | फ़ॉर्मेटिंग के बिना पाठ |