ऑनलाइन मुफ़्त HEX को RGB में कैसे बदलें (2026 गाइड)

आपका डिज़ाइनर आपको #3B82F6 देता है। आपका CSS फ़्रेमवर्क rgb(59, 130, 246) चाहता है। आपका डिज़ाइन टूल एक प्रारूप स्वीकार करता है लेकिन विरासत में मिला कोड दूसरे का उपयोग करता है। हाथ से HEX और RGB के बीच बदलने का अर्थ हेक्साडेसिमल अंकगणित है — संभव, लेकिन धीमा और त्रुटि-प्रवण। यह गाइड बताती है कि दोनों प्रारूपों का वास्तव में क्या अर्थ है, प्रत्येक का उपयोग कब करें, और हमारे मुफ़्त HEX से RGB कनवर्टर से तुरंत कैसे बदलें।

मुफ़्त कनवर्टर क्या करता है

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

HEX और RGB समझाया गया (ठीक से, एक बार)

स्क्रीन पर हर रंग तीन रोशनियों से बनता है: लाल, हरा और नीला। दोनों प्रारूप सिर्फ यह बताते हैं कि प्रत्येक रोशनी कितनी तेज़ है।

• HEX तीन चमक स्तरों को # के बाद हेक्साडेसिमल (आधार-16) जोड़ों के रूप में लिखता है। #3B82F6 में, 3B लाल स्तर है, 82 हरा, F6 नीला। प्रत्येक जोड़ा 00 (बंद) से FF (पूर्ण) तक होता है।
• RGB उन्हीं तीन स्तरों को 0 से 255 तक दशमलव संख्याओं के रूप में लिखता है: rgb(59, 130, 246)। हेक्स में 3B दशमलव में 59 के बराबर है — एक ही रंग, अलग संकेतन।

प्रति चैनल 256 संभावित स्तर होते हैं, इसलिए दोनों प्रारूप मिलकर 256 × 256 × 256 = 16,777,216 अलग रंग व्यक्त कर सकते हैं। उनके बीच बदलना उन तीन संख्याओं पर शुद्ध अंकगणित है — जो टूल आपके लिए ठीक यही करता है।

चरण-दर-चरण: किसी भी दिशा में बदलें

1. HEX से RGB कनवर्टर खोलें। कोई साइनअप नहीं, किसी भी आधुनिक ब्राउज़र में काम करता है।
2. HEX → RGB बदलने के लिए: अपना HEX कोड पेस्ट या टाइप करें (# के साथ या बिना)। टूल तुरंत तीन RGB नंबर दिखाता है।
3. RGB → HEX बदलने के लिए: तीन मान डालें (प्रत्येक 0–255)। टूल तुरंत HEX कोड दिखाता है।
4. परिणाम कॉपी करें और उसे अपनी स्टाइलशीट, डिज़ाइन टूल या कोड में पेस्ट करें।

HEX बनाम RGB का उपयोग कब करें

• HEX उपयोग करें रोज़मर्रा के CSS काम के लिए — यह संक्षिप्त है, सार्वभौमिक रूप से समर्थित है, और अधिकांश डेवलपर इसी की ओर जाते हैं: color: #3B82F6;।
• RGB उपयोग करें जब आपको पारदर्शिता चाहिए। RGBA चौथा नंबर, alpha, जोड़ता है, 0 (अदृश्य) से 1 (ठोस) तक: rgba(59, 130, 246, 0.5) आधी अपारदर्शिता पर वही नीला है। CSS में ओवरले, छाया और फ़ेड तत्व बनाने का यह मानक तरीका है।
• RGB उपयोग करें जब कोड में रंगों पर गणित कर रहे हों — हल्का करना, गहरा करना, या मिलाना 0–255 संख्याओं के साथ हेक्स जोड़ों की तुलना में अधिक सहज है।
• HEX उपयोग करें जब डिज़ाइन टूल के बीच रंग कॉपी कर रहे हों — Figma, Photoshop और अधिकांश पिकर डिफ़ॉल्ट रूप से HEX स्वीकार और दिखाते हैं।

शॉर्टहैंड HEX कोड: #FFF का वास्तव में क्या अर्थ है

आप अक्सर तीन-अंकीय HEX कोड देखते हैं जैसे #FFF (सफ़ेद) या #333 (गहरा भूरा)। यह सिर्फ शॉर्टहैंड है: प्रत्येक अंक दोगुना हो जाता है, इसलिए #FFF का अर्थ #FFFFFF है और #3BF का अर्थ #33BBFF है। यह सिर्फ तभी काम करता है जब प्रत्येक जोड़े में दो समान अंक हों। अगर आप कनवर्टर में शॉर्टहैंड कोड पेस्ट करते हैं, तो यह विस्तार को संभालता है — लेकिन नियम जानना उपयोगी है ताकि आप अन्य लोगों की स्टाइलशीट पढ़ सकें।

आम रूपांतरण गलतियाँ

• # वैकल्पिक है यह भूलना: 3B82F6 और #3B82F6 एक ही रंग हैं। अगर कोई टूल आपके पेस्ट को अस्वीकार करता है, तो hash जोड़कर या हटाकर आज़माएँ।
• 0–255 से बाहर मान: RGB चैनल 255 से अधिक नहीं हो सकते। अगर आपका स्रोत कुछ और कहता है, तो ऊपर कुछ ग़लत है — उसे सीमित करें और दोबारा जाँचें।
• चैनल क्रम मिलाना: यह हमेशा लाल, हरा, नीला होता है। दो चैनल बदलने से बिना चेतावनी के पूरी तरह अलग रंग मिलता है।
• यह मानना कि स्क्रीन रंग प्रिंट में समान हैं: HEX/RGB स्क्रीन रोशनी का वर्णन करते हैं। प्रिंट काम के लिए, रंगों को CMYK रूपांतरण और भौतिक प्रूफ़िंग चाहिए — पूरी तरह अलग प्रक्रिया।
• बदलने के बजाय आँख से अनुमान लगाना: "लगभग सही" रंग हर प्रति के साथ और दूर होते जाते हैं। हमेशा ठीक से बदलें; टूल इसी के लिए है।

व्यावहारिक वर्कफ़्लो: ब्रांड रंग से पारदर्शी ओवरले तक

यहाँ एक रूपांतरण कार्य है जिससे डेवलपर लगातार टकराते हैं: ब्रांड रंग #3B82F6 है, और आपको मोडल ओवरले के लिए अर्ध-पारदर्शी संस्करण चाहिए।

1. #3B82F6 को HEX से RGB कनवर्टर में पेस्ट करें → आपको rgb(59, 130, 246) मिलता है।
2. अपनी CSS में, background: rgba(59, 130, 246, 0.5); लिखें — एक ही रंग, 50% अपारदर्शिता।
3. ओवरले टेक्स्ट को पृष्ठभूमि के विरुद्ध कंट्रास्ट चेकर से जाँचें ताकि वह पढ़ने योग्य रहे।

तीस सेकंड, शून्य अंकगणित, सटीक रंग संरक्षित।

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

क्या कनवर्टर मुफ़्त है?

हाँ — दोनों दिशाओं में असीमित रूपांतरण, कोई साइनअप नहीं।

क्या रूपांतरण सटीक है या अनुमानित?

सटीक। HEX और RGB एक ही तीन संख्याओं के लिए दो संकेतन हैं, इसलिए रूपांतरण हानिरहित है — रंग बिल्कुल नहीं बदलता।

क्या यह #FFF जैसे 3-अंकीय शॉर्टहैंड HEX को संभाल सकता है?

शॉर्टहैंड कोड प्रत्येक अंक को दोगुना करके विस्तारित होते हैं (#FFF → #FFFFFF)। कोड डालें और कनवर्टर आपको सही RGB मान देता है।

HEX रंग में पारदर्शिता कैसे जोड़ूँ?

पहले उसे RGB में बदलें, फिर RGBA रूप का उपयोग करें: rgba(59, 130, 246, 0.5)। अंतिम नंबर 0 से 1 तक अपारदर्शिता है।

अभी बदलें: मुफ़्त HEX से RGB कनवर्टर · मुफ़्त कलर पिकर · मुफ़्त ग्रेडिएंट जनरेटर