HEX to RGB कन्वर्टर
किसी भी #hex कोड को तुरंत उसकी RGB वैल्यू में बदलें, लाइव कलर स्वैच के साथ।
उल्टा कन्वर्ज़न चाहिए? RGB से HEX कन्वर्टर
यह HEX to RGB कन्वर्टर एक hex कलर कोड, जैसे #1a73e8 या शॉर्ट फ़ॉर्म #f60, लेता है और टाइप करते ही उसकी बराबर RGB वैल्यू देता है। एक लाइव स्वैच असली रंग दिखाता है, ताकि स्टाइलशीट में जाने से पहले आप पक्का कर लें कि सही कोड लिया है।
इस तरह बदलने की क्लासिक वजह CSS है। आपके पास ब्रांड गाइड या किसी मौजूदा स्टाइलशीट से hex कोड है, पर आपको rgb() या rgba() सिंटैक्स चाहिए — आमतौर पर पारदर्शिता के लिए: rgba(26, 115, 232, 0.5) के लिए वही तीन RGB नंबर चाहिए जो #1a73e8 के अंदर छिपे हैं। Canvas API, कुछ JavaScript लाइब्रेरी और पुराने ईमेल क्लाइंट भी रंगों को अलग-अलग red, green और blue चैनल के रूप में माँगते हैं।
कन्वर्ज़न आपके ब्राउज़र में लोकली चलता है और टाइप करते ही अपडेट होता है। कुछ भी सर्वर पर नहीं भेजा जाता, इंस्टॉल करने को कुछ नहीं, और 3-अंकों व 6-अंकों दोनों hex कोड चलते हैं, शुरुआती # के साथ या उसके बिना।
HEX को RGB में कैसे बदलें
- इनपुट में एक hex कोड टाइप या पेस्ट करें, जैसे #ff6600 या सिर्फ़ f60।
- RGB वैल्यू तुरंत दिखती हैं, रंग के प्रीव्यू स्वैच के साथ।
- जाँचें कि स्वैच वैसा ही रंग दिखा रहा है जैसा आपने सोचा था।
- copy बटन से rgb() स्ट्रिंग कॉपी करें, CSS में पेस्ट करने के लिए तैयार।
- उल्टा चाहिए? इसी पेज पर लिंक किया RGB to HEX कन्वर्टर इस्तेमाल करें।
यह HEX to RGB कन्वर्टर क्या करता है
यह टूल एक hex कलर कोड पढ़ता है और उसी रंग को तीन डेसिमल चैनलों के रूप में लौटाता है: red, green और blue, हर एक 0 से 255 तक। आपको कच्चे नंबर मिलते हैं, साथ ही पेस्ट करने के लिए तैयार एक rgb() स्ट्रिंग और एक लाइव स्वैच, ताकि न कोई हाथ का हिसाब हो और न यह पता करने के लिए कैलकुलेटर में जाना पड़े कि बेस दस में ff या 66 का मतलब क्या है।
यह जानबूझकर सीमित है। यह एक ही काम करता है, hex को RGB में बदलना, और वह भी टाइप करते ही, पूरी तरह आपके ब्राउज़र में। यही फोकस इसकी वजह भी है कि यह उन अटपटे रूपों को संभाल लेता है जो असली फ़ाइलों में सचमुच मिलते हैं: 3-अंकों वाला शॉर्टहैंड, वैकल्पिक शुरुआती #, बड़े या छोटे अक्षर, और 8-अंकों वाले कोड जो एक alpha चैनल साथ लाते हैं।
गणित कैसे काम करता है
एक hex कोड हेक्साडेसिमल अंकों के तीन जोड़े होते हैं: red, green, blue। हर जोड़ा 0 से 255 तक की डेसिमल संख्या में बदलता है। तो #ff6600 बँटता है ff, 66 और 00 में, जो 255, 102 और 0 हैं, यानी rgb(255, 102, 0)। शॉर्ट कोड पहले हर अंक को दोगुना करते हैं: #f60 फैलकर #ff6600 बन जाता है।
Hex और RGB एक ही sRGB स्पेस में ठीक एक ही रंग बताते हैं, इसलिए कन्वर्ज़न दोनों दिशाओं में बिना नुकसान के होता है। #RRGGBB बस उन्हीं चैनल वैल्यू के लिए बेस-16 नोटेशन है, इसीलिए hex को RGB में बदलना सटीक गणित है — न कोई राउंडिंग, न रंग में बदलाव; आप कौन-सा नोटेशन इस्तेमाल करते हैं यह पूरी तरह इस पर निर्भर है कि आसपास का सिंटैक्स क्या माँगता है।
आपको RGB की सचमुच कब ज़रूरत होती है
रोज़मर्रा की वजह पारदर्शिता है। ब्रांड गाइड से मिला hex कोड आपको एक अपारदर्शी रंग देता है, पर जिस पल आप उसे 50% पर चाहते हैं आपको चैनल चाहिए होते हैं: rgba(26, 115, 232, 0.5), या आधुनिक rgb(26 115 232 / 50%) सिंटैक्स, दोनों को वही तीन नंबर चाहिए जो #1a73e8 के अंदर छिपे हैं। पहले कन्वर्ट कर लेना अंदाज़े से लगाने की तुलना में तेज़ और कम गलती वाला है।
CSS से आगे, HTML canvas API, कई charting और animation लाइब्रेरी, SVG attributes और कुछ पुराने ईमेल क्लाइंट रंगों को अलग-अलग red, green और blue वैल्यू के रूप में माँगते हैं। अगर आप कोई रंग JavaScript को दे रहे हैं जो फिर किसी एक चैनल को बदलता है, तो RGB ही वह फ़ॉर्मैट है जिस पर आप सचमुच हिसाब कर सकते हैं।
alpha चैनल और 8-अंकों वाला hex
एक 8-अंकों वाला hex कोड ओपेसिटी के लिए एक चौथा जोड़ा जोड़ता है: #1a73e880। पहले छह अंक हमेशा की तरह ठीक RGB में बदलते हैं, और आख़िरी जोड़ा 00 से ff की रेंज को 0 से 1 की alpha पर मैप करता है। तो hex में 80 डेसिमल में 128 है, जो लगभग 0.5 ओपेसिटी है, यानी rgba(26, 115, 232, 0.5)।
यह मायने रखता है क्योंकि डिज़ाइनर अब बढ़ते हुए Figma या Sketch से एक्सपोर्ट किए 8-अंकों वाले कोड पेस्ट करते हैं। रंग और पारदर्शिता को दो अलग तथ्य मानिए: जब आप ओपेसिटी बदलते हैं तो RGB तिकड़ी कभी नहीं बदलती, सिर्फ़ वह आख़िरी alpha जोड़ा बदलता है।
RGB और रंग की सुलभता (accessibility)
वेब सुलभता दिशानिर्देश टेक्स्ट और उसके बैकग्राउंड के बीच contrast ratio तय करते हैं, और उनके पीछे के फ़ॉर्मूले RGB चैनल वैल्यू पर काम करते हैं, hex स्ट्रिंग पर नहीं। अपने hex कोड को RGB में बदलना यह जाँचने का पहला क़दम है कि, मसलन, सफ़ेद बैकग्राउंड पर सामान्य body टेक्स्ट के लिए #767676 टेक्स्ट 4.5:1 की सीमा पार करता है या नहीं।
चूँकि कन्वर्ज़न सटीक है, यहाँ मिलने वाले RGB नंबर सीधे किसी contrast checker में या relative luminance गिनने वाले कोड में डालने के लिए सुरक्षित हैं। अगर कोई रंग सीमा पर हो, RGB में एक चैनल को थोड़ा खिसकाकर वापस कन्वर्ट करना ब्रांड के रंग को छोड़े बिना एक मानक-अनुरूप नज़दीकी रंग पाने का आसान तरीका है।
बचने लायक आम गलतियाँ
आम चूक एक बिगड़ा हुआ कोड है: 4 या 5 कैरेक्टर वाली स्ट्रिंग, कोई भटका हुआ स्पेस, या तब छोड़ा गया # जब किसी टूल को सिर्फ़ अंक चाहिए थे। मान्य hex 3, 6 या 8 hex कैरेक्टर होता है; बाक़ी कुछ भी या तो फैलाने लायक शॉर्टहैंड है या बस अमान्य। यह कन्वर्टर अक्षरों के केस और शुरुआती # के प्रति उदार है, पर अंदरूनी रंग को फिर भी ठीक बना होना चाहिए।
दूसरा जाल यह मान लेना है कि hex किसी तरह RGB से घटिया है, या इसका उल्टा। ये दो तरीकों से लिखे एक जैसे sRGB रंग हैं। अगर कोई बदला हुआ रंग गलत दिखे, तो समस्या लगभग हमेशा यही होती है कि सोर्स कोड गलत था, न कि कन्वर्ज़न ने कोई एरर डाली।
संबंधित रंग टूल
उल्टी दिशा में जाना भी उतना ही आम है, इसलिए इसे RGB to HEX कन्वर्टर के साथ रखें जब कोई डिज़ाइन ऐप या eyedropper आपको सादे चैनल नंबर दे जिन्हें आपको एक सघन hex टोकन के रूप में चाहिए। दोनों सटीक हैं और दोनों लोकली चलते हैं।
अगर आप कोई तय रंग बदलने के बजाय अब भी रंग चुन ही रहे हैं, तो color picker आपको किसी शेड तक खींचकर उसका HEX, RGB और HSL एक साथ पढ़ने देता है, और CSS gradient generator आपके तय किए रंगों से कॉपी करने लायक linear और radial बैकग्राउंड बनाता है।
अक्सर पूछे जाने वाले सवाल
क्या यह hex to RGB कन्वर्टर फ्री है?
हाँ, फ्री और असीमित। कोई साइन-अप नहीं, और कन्वर्ज़न आपके ब्राउज़र में होता है, कोई डेटा कहीं नहीं भेजा जाता।
CSS में hex के बजाय RGB क्यों चाहिए?
ज़्यादातर पारदर्शिता के लिए। rgba() और आधुनिक rgb(r g b / alpha) सिंटैक्स को अलग-अलग चैनल नंबर चाहिए। Hex का एक alpha रूप (#RRGGBBAA) है, पर rgba() अब भी ज़्यादा इस्तेमाल होता है और पढ़ने में आसान है।
क्या #f60 जैसे 3-अंकों वाले hex कोड चलते हैं?
हाँ। शॉर्टहैंड कोड हर अंक को दोगुना करके फैलाए जाते हैं, तो #f60 को #ff6600 माना जाता है, ठीक वैसे ही जैसे ब्राउज़र करते हैं।
क्या hex को RGB में बदलने से रंग बदल जाता है?
नहीं। Hex और RGB एक ही sRGB वैल्यू के दो नोटेशन हैं, इसलिए कन्वर्ज़न बिलकुल सटीक होता है, न कोई राउंडिंग, न रंग में बदलाव।
alpha वाले 8-अंकों के hex कोड का क्या?
#1a73e880 जैसा 8-अंकों का कोड ओपेसिटी के लिए चौथा जोड़ा रखता है। पहले छह अंक सामान्य तरह RGB में बदलते हैं; आख़िरी जोड़ा 00-ff को 0 से 1 की alpha में मैप करता है, जिससे आपको rgba() वैल्यू मिलती है।
क्या यह मोबाइल पर चलता है?
हाँ। यह कन्वर्टर एक हल्का पेज है जो किसी भी फोन ब्राउज़र में चलता है, तब काम आता है जब आप चलते-फिरते स्टाइल गाइड से hex कोड पढ़ रहे हों।