HEX से RGB रंग कनवर्टर
HEX रंग कोड को RGB मानों में तुरंत बदलें। वेब डेवलपमेंट, CSS और डिजिटल डिज़ाइन के लिए उपयुक्त। मुफ्त ऑनलाइन कनवर्टर। तत्काल, सटीक परिणाम।
HEX रंग कोड क्या होता है?
HEX रंग कोड एक छह-अक्षरीय अल्फान्यूमेरिक स्ट्रिंग है जिसका उपयोग वेब डिज़ाइन और डिजिटल ग्राफ़िक्स में किसी विशिष्ट रंग को दर्शाने के लिए किया जाता है। इसका प्रारूप #RRGGBB होता है, जहाँ प्रत्येक दो-अक्षर जोड़ा तीन योज्य प्राथमिक रंगों — लाल (RR), हरा (GG) और नीला (BB) — में से एक की तीव्रता को हेक्साडेसिमल संकेतन (आधार 16) में एन्कोड करता है। प्रत्येक जोड़ा 00 (शून्य तीव्रता) से FF (अधिकतम तीव्रता, दशमलव में 255 के बराबर) तक होता है।
HEX कोड HTML और CSS में रंगों को परिभाषित करने की ज़रूरत से उत्पन्न हुए। आज CSS में rgb(), hsl(), और oklch() जैसे कई रंग प्रारूप समर्थित हैं, लेकिन HEX अभी भी फ्रंट-एंड डेवलपमेंट और ब्रांडिंग दिशानिर्देशों में सबसे अधिक उपयोग की जाने वाली संकेतन है। Figma, Sketch, Adobe Photoshop और Canva जैसे टूल्स में हर रंग पिकर डिफ़ॉल्ट रूप से HEX मान दिखाता है।
छह-अंकीय HEX कोड के साथ कुल 16,777,216 (256 × 256 × 256) अद्वितीय रंग दर्शाए जा सकते हैं। इसे अक्सर "ट्रू कलर" या "24-बिट कलर" कहा जाता है।
HEX से RGB रूपांतरण चरण-दर-चरण
HEX रंग कोड को RGB में बदलना सरल है। इसमें छह-अक्षर स्ट्रिंग को तीन जोड़ों में विभाजित करना और प्रत्येक जोड़े को हेक्साडेसिमल से दशमलव में बदलना शामिल है:
- हैश प्रतीक हटाएं। यदि HEX कोड
#से शुरू होता है, तो इसे हटा दें। उदाहरण:#1A2B3C→1A2B3C। - तीन जोड़ों में विभाजित करें। शेष स्ट्रिंग को तीन दो-अक्षर समूहों में विभाजित करें:
1A,2B,3C। - प्रत्येक जोड़े को दशमलव में बदलें:
- लाल:
1A→ (1 × 16) + 10 = 26 - हरा:
2B→ (2 × 16) + 11 = 43 - नीला:
3C→ (3 × 16) + 12 = 60
- लाल:
- RGB मान लिखें: तीन दशमलव मान मिलाएं:
rgb(26, 43, 60)।
3-अंक बनाम 6-अंक HEX कोड
CSS एक संक्षिप्त 3-अंकीय HEX प्रारूप (#RGB) का समर्थन करता है जब तीनों जोड़ों में एक समान अंक होते हैं। इस संक्षिप्त रूप में, प्रत्येक एकल अंक को दोगुना करके विस्तारित किया जाता है। उदाहरण:
#F80→#FF8800→ rgb(255, 136, 0)#FFF→#FFFFFF→ rgb(255, 255, 255)#000→#000000→ rgb(0, 0, 0)
3-अंक संकेतन उपलब्ध रंगों की संख्या को 16.7 मिलियन से घटाकर मात्र 4,096 (16 × 16 × 16) कर देती है।
HEX से RGB संदर्भ तालिका
सामान्य HEX रंगों और उनके RGB समकक्षों की संदर्भ तालिका:
| रंग का नाम | HEX | R | G | B | CSS उपयोग |
|---|---|---|---|---|---|
| काला | #000000 | 0 | 0 | 0 | टेक्स्ट, बॉर्डर |
| सफेद | #FFFFFF | 255 | 255 | 255 | पृष्ठभूमि |
| लाल | #FF0000 | 255 | 0 | 0 | त्रुटियाँ, अलर्ट |
| हरा | #00FF00 | 0 | 255 | 0 | सफलता स्थिति |
| नीला | #0000FF | 0 | 0 | 255 | लिंक, प्राथमिक |
| पीला | #FFFF00 | 255 | 255 | 0 | चेतावनियाँ |
| सियान | #00FFFF | 0 | 255 | 255 | एक्सेंट, जानकारी |
| मजेंटा | #FF00FF | 255 | 0 | 255 | क्रिएटिव, बोल्ड |
| ग्रे | #808080 | 128 | 128 | 128 | म्यूट टेक्स्ट |
| नारंगी | #FFA500 | 255 | 165 | 0 | CTA, बटन |
अक्सर पूछे जाने वाले प्रश्न
HEX को RGB में कैसे बदलें?
HEX कोड को तीन जोड़ों (RR, GG, BB) में विभाजित करें और प्रत्येक जोड़े को आधार-16 से आधार-10 में बदलें। उदाहरण: #FF8000 → R=255, G=128, B=0।
क्या HEX और RGB में अंतर होता है?
HEX और RGB एक ही रंग सूचना को अलग-अलग तरीके से दर्शाते हैं। HEX हेक्साडेसिमल नोटेशन (#RRGGBB) का उपयोग करता है, जबकि RGB तीन दशमलव पूर्णांकों rgb(255, 128, 0) का उपयोग करता है। दोनों एक ही 16.7 मिलियन रंगों का प्रतिनिधित्व करते हैं।
CSS में HEX या RGB कौन बेहतर है?
HEX कोड कॉम्पैक्ट हैं और डिज़ाइन टूल के साथ अधिक संगत हैं। RGB तब बेहतर है जब आपको color channels को गतिशील रूप से बदलना हो, जैसे CSS custom properties के साथ। RGBA पारदर्शिता के साथ काम करने के लिए सबसे सुविधाजनक है।
#000 और #000000 में क्या अंतर है?
कोई अंतर नहीं। #000 तीन-अंकीय शॉर्टहैंड है जो #000000 में विस्तारित होता है — दोनों पूरी तरह काले रंग का प्रतिनिधित्व करते हैं। CSS शॉर्टहैंड केवल तभी मान्य है जब प्रत्येक जोड़े में समान अंक हों।