रंग नियंत्रण
हेक्स और आरजीबी कनवर्टर
निर्यात प्रारूप
हेक्स और आरजीबी कनवर्टर
कंप्यूटर रंग का प्रतिनिधित्व कैसे करते हैं?
डिजिटल डिस्प्ले तीन प्राथमिक रंगों: लाल, हरा और नीला (एडिटिव कलर मॉडल) को मिलाकर प्रकाश उत्सर्जित करते हैं। प्रत्येक चैनल की तीव्रता को समायोजित करके, डिस्प्ले लाखों रंगों को पुन: उत्पन्न कर सकता है। सॉफ़्टवेयर में इन मिश्रणों को प्रबंधित करने के लिए, डेवलपर्स विभिन्न रंग मॉडल का उपयोग करते हैं, जिनमें हेक्साडेसिमल (हेक्स) और RGB सबसे आम हैं। वेब ब्राउज़र में, ये रंग प्रारूप डिस्प्ले को बताते हैं कि आपकी स्क्रीन पर लाल, हरे और नीले प्रकाश के छोटे उप-पिक्सेल को कितनी शक्ति की आपूर्ति की जानी है, जो आपके द्वारा देखे जाने वाले पिक्सेल बनाने के लिए एक साथ मिश्रित होते हैं।
आरजीबी कलर स्पेस
आरजीबी मॉडल बेस-10 निर्देशांक का उपयोग करके त्रि-आयामी कार्टेशियन स्थान में रंग निर्देशांक को परिभाषित करता है। प्रत्येक निर्देशांक (लाल, हरा, नीला) 0 से 255 तक होता है (डेटा के एक बाइट या 8 बिट का प्रतिनिधित्व करता है)। जब सभी तीन चैनल 0 पर सेट होते हैं, तो कोई प्रकाश उत्सर्जित नहीं होता है, जिससे काला रंग उत्पन्न होता है। जब तीनों को 255 पर सेट किया जाता है, तो परिणाम पूर्ण-स्पेक्ट्रम सफेद रोशनी होता है। विशिष्ट मानों को मिलाने से मध्यवर्ती रंग उत्पन्न होते हैं: उदाहरण के लिए, rgb(255, 0, 0) शुद्ध लाल रंग देता है, जबकि #0070F3, को तीन भागों में पार्स किया गया है:
- लाल: पहले दो अक्षर
00(दशमलव 0)। - हरा: बीच के दो अक्षर
70(हेक्स 70 दशमलव 112 के बराबर है: 7 × 16 + 0)। - नीला: अंतिम दो अक्षर
F3(हेक्स F3 दशमलव 243 के बराबर है: 15 × 16 + 3)।
हेक्स और आरजीबी के बीच रूपांतरण में इन व्यक्तिगत चैनल बाइट्स को दशमलव (बेस-10) और हेक्साडेसिमल (बेस-16) गिनती प्रणालियों के बीच परिवर्तित करना शामिल है। वेब ब्राउज़र दोनों प्रारूपों को एक-दूसरे के स्थान पर संसाधित करते हैं, लेकिन डेवलपर्स अक्सर इसकी संक्षिप्तता और कॉपी-पेस्ट करने में आसानी के लिए HEX को पसंद करते हैं, जबकि RGB तब उपयोगी होता है जब मानों को जावास्क्रिप्ट के माध्यम से गतिशील रूप से हेरफेर करने की आवश्यकता होती है।
पारदर्शिता और अल्फा चैनल
मानक आरजीबी और हेक्स कोड पूरी तरह से अपारदर्शी रंगों का प्रतिनिधित्व करते हैं। ओवरलैपिंग लेआउट डिज़ाइन करने के लिए, डेवलपर्स एक चौथा चैनल जोड़ते हैं: अल्फा। सीएसएस में, इसे rgba() फ़ंक्शन का उपयोग करके व्यक्त किया जाता है, जहां अल्फा चैनल 0.0 (पूरी तरह से पारदर्शी) से 1.0 (अपारदर्शी) तक होता है। आधुनिक ब्राउज़र आठ-अक्षर वाले हेक्स कोड (जैसे #0070F380) को भी स्वीकार करते हैं, जहां आठवां बाइट हेक्साडेसिमल अल्फा मान को निर्देशित करता है (उदाहरण के लिए हेक्स '80' दशमलव 128, या लगभग 50% अस्पष्टता को दर्शाता है)। अल्फा क्षमताओं के जुड़ने से 24-बिट कलर स्पेस 32-बिट कलर स्पेस में बदल जाता है, जिससे जटिल स्टैकिंग, ओवरले और ग्लासमॉर्फ़िज्म डिज़ाइन ट्रेंड सक्षम हो जाते हैं।
रंग रूपांतरण के व्यावहारिक अनुप्रयोग
जबकि डिजाइनर अक्सर फिगमा या एडोब एक्सडी जैसे ग्राफिक डिजाइन सॉफ्टवेयर में एचईएक्स प्रारूपों के साथ काम करते हैं, फ्रंट-एंड इंजीनियर अक्सर स्टाइलशीट में आरजीबीए का उपयोग करते हैं। उदाहरण के लिए, यदि आप किसी ब्रांड स्टाइल गाइड (#0070F3) से मेल खाने वाला पृष्ठभूमि रंग चाहते हैं, लेकिन चाहते हैं कि यह 20% पारदर्शी हो, तो आप HEX को RGB (0, 112, 243) में बदल देंगे और इसे CSS में
हेक्स कोड संख्याएँ क्या दर्शाती हैं?
हेक्स रंग कोड RGB (लाल, हरा, नीला) रंग मॉडल का हेक्साडेसिमल प्रतिनिधित्व है। पहले दो अक्षर लाल तीव्रता निर्दिष्ट करते हैं, मध्य दो अक्षर हरे रंग को निर्दिष्ट करते हैं, और अंतिम दो अक्षर नीले रंग को निर्दिष्ट करते हैं। 8-अक्षर वाले हेक्स कोड में, चौथी जोड़ी अल्फा (अस्पष्टता) स्तर को निर्दिष्ट करती है।
RGB में अल्फा चैनल क्या है?
अल्फ़ा चैनल किसी रंग में अस्पष्टता या पारदर्शिता का प्रतिनिधित्व करता है। जबकि मानक आरजीबी रंग मानों को अपारदर्शी काले से सफेद तक परिभाषित करता है, आरजीबीए पृष्ठभूमि मिश्रण को परिभाषित करने के लिए 0.0 (पूरी तरह से पारदर्शी) से 1.0 (पूरी तरह से अपारदर्शी) तक एक चौथा पैरामीटर (अल्फा) जोड़ता है।
कुछ हेक्स कोड में छह के बजाय आठ अक्षर क्यों होते हैं?
आठ-अक्षर वाले हेक्स कोड में पारदर्शिता का प्रतिनिधित्व करने वाला एक चौथा बाइट शामिल है। पहले छह अक्षर लाल, हरे और नीले रंग को परिभाषित करते हैं, जबकि अक्षर सात और आठ हेक्साडेसिमल में अल्फा मान को परिभाषित करते हैं (उदाहरण के लिए, #0070F380 लगभग 50% अस्पष्टता के साथ #0070F3 है)।