HEX से RGB कलर कनवर्टर

HEX और RGB: एक ही रंग लिखने के दो तरीक़े

आप स्क्रीन पर जो भी रंग देखते हैं वह तीन रोशनियों से मिलकर बनता है: लाल, हरा और नीला। तीनों को पूरा बढ़ा दीजिए और आपको सफ़ेद मिलता है; तीनों को बंद कर दीजिए और आपको काला मिलता है। HEX और RGB बस यह बताने के दो अंकन हैं कि इन तीनों चैनलों में से हर एक कितना चमकीला होना चाहिए। ये बिल्कुल एक ही रंग की ओर इशारा करते हैं, इसलिए एक अच्छा कन्वर्टर असली छाया को कभी बदले बिना केवल दोनों लेखन प्रणालियों के बीच अनुवाद करता है। यह टूल यही करता है, पूरी तरह आपके ब्राउज़र में, और साथ ही आपको एक लाइव स्वैच दिखाता है ताकि आप परिणाम को अपनी आँखों से पुष्ट कर सकें।

हेक्स कोड कैसे पढ़ें

एक हेक्स रंग ऐसा दिखता है #1E90FF। हैश चिह्न बस शुरुआत को चिह्नित करता है; उसके बाद के छह अक्षर तीन जोड़े हैं, जो #RRGGBB पैटर्न में लिखे जाते हैं। पहला जोड़ा लाल है, दूसरा हरा, तीसरा नीला। हर जोड़ा हेक्साडेसिमल में लिखी एक संख्या है, यानी बेस 16, जहाँ अंक 0-9 चलते हैं और फिर A, B, C, D, E, F 10 से 15 तक को दर्शाते हैं। एक जोड़ा 00 (चैनल पूरी तरह बंद) से लेकर FF (पूरी तरह चालू) तक के मान रख सकता है। साधारण दशमलव में यह श्रेणी ठीक 0 से 255 है, वही पैमाना जो RGB इस्तेमाल करता है। प्रति चैनल 256 संभावित स्तरों के साथ, छह-अंकीय रूप 16,777,216 अलग-अलग रंग बता सकता है।

दोनों दिशाओं में रूपांतरण, एक हल किए गए उदाहरण के साथ

HEX से RGB पर जाने के लिए, कोड को उसके तीन जोड़ों में बाँटें और हर एक को बेस 16 से साधारण दशमलव में बदलें। #1E90FF लीजिए। लाल जोड़ा 1E है: यह 1 गुणा 16, जमा 14 (E), यानी 30 के बराबर है। हरा जोड़ा 90 है 9 गुणा 16, जमा 0, यानी 144 के बराबर। नीला जोड़ा FF है 15 गुणा 16, जमा 15, यानी 255 के बराबर। तो #1E90FF बन जाता है rgb(30, 144, 255) — वही जाना-पहचाना डॉजर ब्लू।

दूसरी ओर जाना उसी प्रक्रिया को उलटना है। हर RGB संख्या लें और उसे दो हेक्स अंकों के रूप में लिखें। शुद्ध लाल, rgb(255, 0, 0), देता है FF, 00 और 00, जो जुड़कर #FF0000 बन जाते हैं। एक बात याद रखने योग्य है: यदि कोई मान 16 से कम है, तब भी आपको दोनों अंक चाहिए, इसलिए 5 को 05 लिखा जाता है, सिर्फ़ 5 नहीं। कन्वर्टर यह पैडिंग आपके लिए सँभाल लेता है, पर जब लोग इसे हाथ से करते हैं तो यह उन्हें उलझा देता है।

हर फ़ॉर्मैट कहाँ इस्तेमाल होता है

HEX वेब की रोज़मर्रा की भाषा है। CSS, HTML और आप जो भी कोड लिखते हैं वह हेक्स कोड की ओर बढ़ता है क्योंकि वे सघन और कॉपी करने में आसान हैं। RGB डिज़ाइन और इमेज टूल के भीतर ज़्यादा सामने आता है — Figma, Photoshop, Sketch और Illustrator आमतौर पर स्लाइडर या फ़ील्ड 0-255 श्रेणी में दिखाते हैं, और स्क्रीन-रिकॉर्डिंग या वीडियो ऐप अक्सर RGB की भी अपेक्षा करते हैं। इसलिए आप नियमित रूप से किसी स्टाइलशीट से एक हेक्स कोड उठाते हैं और उसका RGB रूप किसी डिज़ाइन पैनल में टाइप करने के लिए चाहिए होता है, या इसके उलट। यही चक्कर पूरी वजह है कि एक कन्वर्टर काम का है। यदि आपको एक रंग का अनुवाद करने के बजाय मेल खाती छायाओं का एक पूरा सेट बनाना हो, तो हमारा कलर पैलेट जनरेटर बेहतर शुरुआती बिंदु है, और इस जैसी ज़्यादा उपयोगिताएँ आपको डेवलपर टूल के अंतर्गत मिलेंगी।

अल्फ़ा, ओपेसिटी और HSL

दोनों अंकनों का एक विस्तारित रूप है जो पारदर्शिता जोड़ता है। RGB बन जाता है rgba(30, 144, 255, 0.5), जहाँ चौथा मान अल्फ़ा है — 0 पूरी तरह आर-पार दिखने वाला और 1 पूरी तरह ठोस। HEX इसी उद्देश्य के लिए एक चौथा जोड़ा जोड़ता है, जिससे एक आठ-अंकीय #RRGGBBAA कोड बनता है; 80, उदाहरण के लिए, लगभग 50 प्रतिशत ओपेसिटी है। कुछ कन्वर्टर HSL (ह्यू, सैचुरेशन, लाइटनेस) भी देते हैं, जो रंग का वर्णन वैसे करता है जैसे कोई इंसान करे — पहिये पर एक ह्यू चुनिए, फिर उसकी चटकीलापन और चमक समायोजित कीजिए। HSL एक अलग पैलेट नहीं बल्कि एक अलग मानसिक मॉडल है, इसलिए जब आप तीन अलग-अलग संख्याओं की जुगलबंदी किए बिना किसी रंग को हल्का या ज़्यादा मद्धम करना चाहें, तो यह ज़्यादा सहज हो सकता है।

अक्सर पूछे जाने वाले सवाल