होम / कलर टूल / HEX से RGB कन्वर्टर

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

HEX रंगों को तुरंत RGB में बदलें और वापस। डिज़ाइन टूल और कोड के बीच जाने वाले डेवलपर के लिए उपयोगी। मुफ़्त, असीमित, निजी — पूरी तरह आपके ब्राउज़र में चलता है।

उपयोग कैसे करें

  1. इनपुट फ़ील्ड में हेक्स कलर कोड डालें — उदाहरण के लिए #FF5733 (6-अंक) या शॉर्टहैंड #F53 (3-अंक)।
  2. टूल तुरंत इसे RGB मानों में बदल देता है, और आमतौर पर RGBA और HSL समकक्ष भी दिखाता है।
  3. किसी भी बदले मान पर क्लिक करके इसे सीधे अपने CSS, डिज़ाइन टूल, या कोड एडिटर में कॉपी करें।
  4. रंग प्रीव्यू स्वॉच देखें ताकि विज़ुअली पुष्टि हो कि आपको ठीक वह शेड मिला है जो आप चाहते थे।

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

क्या यह सच में मुफ़्त है?

हाँ — इस साइट का हर टूल 100% मुफ़्त है, बिना किसी सीमा, बिना साइनअप और बिना वॉटरमार्क के।

क्या मेरा डेटा निजी है?

बिल्कुल। सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। आपकी फ़ाइलें कभी किसी सर्वर पर अपलोड नहीं होतीं।

हेक्स कलर कोड ठीक क्या है?

हेक्साडेसिमल (बेस-16) नोटेशन #RRGGBB के रूप में लिखा जाता है। अंकों की हर जोड़ी लाल, हरे और नीले की तीव्रता 00 (कोई नहीं) से FF (255, पूर्ण) तक सेट करती है। इसलिए #FF0000 शुद्ध लाल है, #00FF00 शुद्ध हरा, और #FFFFFF सफ़ेद।

क्या मैं 3-अंकों वाले शॉर्टहैंड हेक्स कोड बदल सकता हूँ?

हाँ। #F53 जैसा शॉर्टहैंड हर अंक को दोगुना करके अपने आप #FF5533 में फैल जाता है। यह तब काम करता है जब हर जोड़ी समान अंक वाली होती।

RGB और RGBA में क्या फ़र्क है?

RGBA चौथा चैनल जोड़ता है: अल्फ़ा (ओपैसिटी), 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक। RGB(255, 87, 51) और RGBA(255, 87, 51, 0.5) एक ही रंग हैं — दूसरा 50% पारदर्शी है।

वेब डिज़ाइनर हेक्स कोड क्यों पसंद करते हैं?

हेक्स कॉम्पैक्ट और कॉपी-पेस्ट अनुकूल है — छह अक्षर 16.7 मिलियन रंगों में से कोई भी कैप्चर करते हैं। RGB तब अनुकूल है जब आपको चैनलों के साथ गणना करनी हो (जैसे प्रोग्राम के रूप में मिश्रण या चमक समायोजित करना)।

Hex से RGB कन्वर्टर — पूरी गाइड

डिज़ाइनर हेक्स बोलते हैं (#FF5733); डेवलपर को अक्सर RGB चाहिए होता है (rgb(255, 87, 51))। वे एक ही 16.7 मिलियन रंगों के लिए दो नोटेशन हैं — और हाथ से उनके बीच अनुवाद का मतलब बेस-16 गणित है जिसका कोई आनंद नहीं लेता। यह कन्वर्टर हेक्स, RGB, RGBA, और HSL के बीच तुरंत पलटता है, लाइव प्रीव्यू स्वॉच के साथ, सब आपके ब्राउज़र में।

दोनों प्रणालियाँ कैसे जुड़ी हैं

दोनों योगात्मक रंग बताते हैं: कितनी लाल, हरी और नीली रोशनी मिलानी है। हेक्स हर चैनल को दो बेस-16 अंकों (00–FF = 0–255) में पैक करता है। RGB वही तीन संख्याएँ दशमलव में, अल्पविराम से अलग करके लिखता है। #FF5733 टूटता है: लाल=FF (255), हरा=57 हेक्स (87), नीला=33 हेक्स (51) — rgb(255, 87, 51) के समान। अल्फ़ा पारदर्शिता RGBA में 0–1 दशमलव के रूप में जुड़ती है, या आधुनिक CSS में चौथे हेक्स जोड़े (#RRGGBBAA) के रूप में।

हर फ़ॉर्मेट कब इस्तेमाल करें

हेक्स इस्तेमाल करें स्टाइलशीट में स्थिर डिज़ाइन मानों के लिए — यह संक्षिप्त है और सार्वभौमिक रूप से पहचाना जाता है। RGB/RGBA इस्तेमाल करें जब ओपैसिटी बदलती है (ओवरले, छाया, पारदर्शिता वाले ग्रेडिएंट) या जब JavaScript को चैनलों को संख्यात्मक रूप से बदलना हो। HSL इस्तेमाल करें जब ह्यू/सैचुरेशन/हल्कापन सहजता से समायोजित करना हो — 'इसे थोड़ा गहरा करें' सीधे L मान घटाने से जुड़ता है, जो हेक्स में अजीब है।

व्यावहारिक वर्कफ़्लो

ब्रांड रंग मिलाना: ब्रांड के स्टाइल गाइड से उसका हेक्स पेस्ट करें, कैनवास, SVG फ़िल्टर, या गेम इंजन में इस्तेमाल के लिए RGB कॉपी करें। पैलेट बनाना: बेस हेक्स को HSL में बदलें, ह्यू को निश्चित चरणों से बदलें, वापस बदलें — तुरंत सामंजस्यपूर्ण पैलेट। डिबगिंग: जब कोई रंग स्क्रीन पर ग़लत दिखता है, तो बदलकर अलग चैनल जाँचें ताकि अपराधी पकड़ा जाए (अक्सर अप्रत्याशित अल्फ़ा)। दस्तावेज़ीकरण: डिज़ाइन सिस्टम आमतौर पर दोनों नोटेशन सूचीबद्ध करते हैं ताकि डिज़ाइनर और डेवलपर तालमेल में रहें।

त्वरित रूपांतरण चीट शीट

मील के पत्थर याद रखें: #000000 काला है (0,0,0), #FFFFFF सफ़ेद है (255,255,255), #FF0000/#00FF00/#0000FF शुद्ध प्राइमरी हैं। ग्रे समान तिकड़ी हैं (#888888 = मध्य-ग्रे)। और कोई भी 3-अंकों वाला कोड दोगुना हो जाता है: #ABC बन जाता है #AABBCC। उन एंकर के साथ, आम रंगों के लिए आपको शायद ही कभी कैलकुलेटर चाहिए होगा — लेकिन सटीकता मायने रखती है तब यह यहाँ है।

चरण-दर-चरण ट्यूटोरियल: ऑनलाइन मुफ़्त में HEX को RGB में कैसे बदलें (2026 गाइड)