आरजीबी से हेक्स रूपांतरण: यह पेज कैसे काम करता है
यह पेज आपको तीन दशमलव संख्याएँ (लाल, हरा, नीला) देते ही तुरंत उनका हेक्साडेसिमल समतुल्य दिखाता है। उदाहरण के लिए, 79, 70, 229 दर्ज करने पर आउटपुट #4F46E5 होता है। साथ ही रंग का एक दृश्य स्वैच और अन्य सभी समर्थित रंग प्रारूप (HSL, HSV, CMYK, LAB और कलर पिकर) भी अपडेट हो जाते हैं। इसमें कोई “कन्वर्ट” बटन नहीं है – किसी भी फ़ील्ड में बदलाव करने पर सभी फ़ील्ड तुरंत बदल जाते हैं। यह वह विशेषता है जो इस पेज को दूसरे समान टूल्स से अलग बनाती है।
आरजीबी और हेक्स दोनों एक ही रंग-स्थान (sRGB) का प्रतिनिधित्व करते हैं, जो अधिकांश डिस्प्ले द्वारा उपयोग किया जाता है। इसलिए रूपांतरण पूर्णतः सटीक है – कोई गैमट क्लिपिंग या अनुमान नहीं। हेक्स आउटपुट हमेशा # से शुरू होता है और छह अंकों का होता है (जैसे #4F46E5), क्योंकि प्रत्येक 0–255 मान एक दो अंकों की हेक्स जोड़ी में बदलता है। टूल आठ अंकों वाला हेक्स (अल्फा चैनल सहित) नहीं दिखाता जब तक कि आप आठ अंकों वाला इनपुट न दें। यह ध्यान रखें कि हेक्स इनपुट फ़ील्ड तीन अंकों की शॉर्टहैंड (जैसे #abc) को स्वीकार करता है, जिसे टूल आंतरिक रूप से छह अंकों में विस्तारित करता है।
आरजीबी रंग मॉडल और 0–255 स्केल
आरजीबी एक एडिटिव रंग मॉडल है। इसका अर्थ है कि लाल, हरा और नीला प्रकाश के स्रोतों को अलग-अलग तीव्रता में मिलाकर रंग उत्पन्न किया जाता है। जब तीनों चैनलों का मान 255 होता है, तो परिणाम सफेद होता है (सभी प्रकाश मिलकर)। जब तीनों 0 होते हैं, तो काला (प्रकाश नहीं)। मध्यवर्ती मानों से अरबों रंग बनते हैं – वास्तव में 256³ = 16,777,216 संभावित रंग। यही कारण है कि प्रत्येक चैनल 0 से 255 की सीमा में होता है: यह 8 बिट प्रति चैनल (कुल 24 बिट) का प्रतिनिधित्व करता है, जो अधिकांश डिजिटल स्क्रीन की मूल क्षमता है।
इस स्केल का चुनाव ऐतिहासिक और तकनीकी है। कंप्यूटर मेमोरी में एक बाइट (8 बिट) 0 से 255 तक के मानों को स्टोर कर सकता है। इसलिए आरजीबी मान को “बाइट” के रूप में देखा जा सकता है। जब आप फ़ोटोशॉप या ब्राउज़र डेवलपर टूल्स में कोई रंग चुनते हैं, तो वे भी यही 0–255 सीमा देते हैं। यह पेज उन्हीं मानों को हेक्स में बदलता है, जो वेब कोडिंग में सबसे सामान्य प्रारूप है।
हेक्साडेसिमल रंग कोड की संरचना और गणित
एक हेक्साडेसिमल रंग कोड # के बाद छह अंकों का होता है। पहले दो अंक लाल चैनल, अगले दो हरे, और अंतिम दो नीले चैनल को दर्शाते हैं। हेक्साडेसिमल (आधार 16) प्रणाली में 0–9 तक अंक और फिर A–F तक अक्षर होते हैं, जहाँ A=10, B=11, C=12, D=13, E=14, F=15 होते हैं।
रूपांतरण का गणित सरल है: प्रत्येक दशमलव मान (0–255) को 16 से विभाजित करें। भागफल पहला हेक्स अंक देता है, शेषफल दूसरा। उदाहरण के लिए, मान 255:
- 255 ÷ 16 = 15 (भागफल) और शेष 15।
- 15 हेक्स में F है, इसलिए FF बनता है। मान 0:
- 0 ÷ 16 = 0 भागफल, 0 शेष → 00। मान 79:
- 79 ÷ 16 = 4 (भागफल), शेष 15 → 4F (क्योंकि 15 = F)।
इस प्रकार 79,70,229 से #4F46E5 बनता है। यह रूपांतरण पूर्णतः प्रतिवर्ती है – यदि आप #4F46E5 के प्रत्येक जोड़े को दशमलव में बदलते हैं (4F = 4×16+15=79, 46=4×16+6=70, E5=14×16+5=229), तो आपको मूल आरजीबी मान वापस मिलते हैं। यही कारण है कि टूल में कोई गैमट समस्या नहीं होती – रूपांतरण केवल संख्यात्मक आधार का परिवर्तन है, रंग स्थान का नहीं।
यदि आप तीन अंकों की शॉर्टहैंड (जैसे #abc) डालते हैं, तो टूल प्रत्येक अंक को दोहराता है: #aabbcc बन जाता है। यह CSS में एक सुविधा है, लेकिन मूल आरजीबी से हेक्स रूपांतरण हमेशा छह अंकों का आउटपुट देता है, क्योंकि प्रत्येक चैनल 0–255 में दो हेक्स अंकों की मांग करता है। टूल स्वचालित रूप से #AABBCC को #ABC में नहीं बदलता – यह जानबूझकर छह अंक रखता है ताकि कोई जानकारी न छूटे।
इनपुट प्रारूप और त्रुटि संदेश
इस पेज पर आरजीबी इनपुट तीन संख्याओं के रूप में होना चाहिए, जिन्हें अल्पविराम या स्पेस से अलग किया जा सकता है। उदाहरण: 79, 70, 229 या 79 70 229 दोनों स्वीकार्य हैं। लीडिंग ज़ीरो (जैसे 079, 070, 229) भी काम करते हैं क्योंकि टूल संख्यात्मक रूप से परिवर्तित करता है।
यदि आप कोई ऐसा मान डालते हैं जो 0–255 की सीमा से बाहर है, या प्रारूप गलत है (जैसे तीन से कम या अधिक संख्याएँ, या गैर-संख्यात्मक वर्ण), तो टूल निम्न त्रुटि संदेश दिखाता है:
“Enter RGB as three numbers 0–255, like 79, 70, 229.”
यह संदेश हिंदी में नहीं है, लेकिन स्पष्टता के लिए अंग्रेज़ी में रखा गया है (जैसा कि फैक्ट शीट में दिया गया है)। ध्यान दें कि टूल केवल पूर्ण संख्याएँ (इंटीजर) स्वीकार करता है – दशमलव मान जैसे 127.5 मान्य नहीं हैं, क्योंकि आरजीबी चैनल पूर्णांक होते हैं।
एक और महत्वपूर्ण नियम: यदि आप हेक्स इनपुट फ़ील्ड में मान बदलते हैं, तो तीन अंकों की शॉर्टहैंड स्वीकार होती है और उसे छह अंकों में विस्तारित किया जाता है। लेकिन आरजीबी से हेक्स आउटपुट कभी छोटा नहीं किया जाता – छह अंक ही रहते हैं।
व्यावहारिक उपयोग: सीएसएस, डिज़ाइन और सीमाएँ
वेब डेवलपर्स के लिए हेक्स कोड सबसे प्रचलित रंग प्रारूप है। CSS में color: #4F46E5; या background-color: #1E90FF; जैसे गुणों में इसका उपयोग होता है। यह आरजीबी फंक्शन (rgb(79, 70, 229)) से अधिक संक्षिप्त है, हालांकि आधुनिक CSS दोनों को समान रूप से समर्थन करता है। आठ अंकों वाला हेक्स (जैसे #4F46E580) अल्फा पारदर्शिता जोड़ता है, लेकिन यह पेज केवल छह अंकों वाला ही आउटपुट करता है जब तक आप स्वयं आठ अंक न डालें।
ग्राफ़िक डिज़ाइनर जो फ़ोटोशॉप, जीआईएमपी या स्केच में काम करते हैं, उन्हें अक्सर आरजीबी मान मिलते हैं, लेकिन डिज़ाइन हैंडऑफ़ टूल या कोड में हेक्स की आवश्यकता होती है। यह पेज उस रूपांतरण को तुरंत करता है और साथ ही रंग का दृश्य नमूना दिखाता है, जिससे आप सुनिश्चित कर सकते हैं कि आउटपुट सही है।
एक सीमा: sRGB रंग स्थान के बाहर कोई रंग नहीं है। लेकिन प्रिंट के लिए CMYK में रूपांतरण करते समय गैमट भिन्नता हो सकती है, क्योंकि मॉनिटर पर दिखने वाला चमकीला नीला रंग कागज़ पर फीका दिख सकता है। यह पेज केवल ऑन-स्क्रीन रंग से संबंधित है – यहाँ CMYK मान केवल अनुमानित हैं, मुद्रण प्रोफ़ाइल के अनुसार नहीं।
अक्सर पूछे जाने वाले प्रश्न
प्रश्न: क्या मैं तीन अंकों वाला हेक्स कोड डाल सकता हूँ?
हाँ। हेक्स इनपुट फ़ील्ड #abc स्वीकार करता है और उसे #aabbcc में बदल देता है। लेकिन आरजीबी से हेक्स आउटपुट हमेशा छह अंकों का होता है।
प्रश्न: यदि मैं 255 से अधिक मान डालूँ तो क्या होगा?
टूल त्रुटि संदेश दिखाएगा कि कृपया तीन संख्याएँ 0–255 के बीच डालें।
प्रश्न: क्या यह टूल आरजीबी से हेक्स में रूपांतरण के अलावा और कुछ करता है?
हाँ, यह स्वचालित रूप से HSL, HSV, CMYK, LAB और कलर पिकर भी अपडेट करता है। लेकिन इस पृष्ठ का मुख्य कार्य आरजीबी → हेक्स है।
प्रश्न: क्या मैं हेक्स कोड को वापस आरजीबी में बदल सकता हूँ?
हाँ, आप हेक्स फ़ील्ड में कोई भी छह- या तीन-अंकीय कोड डाल सकते हैं, और आरजीबी फ़ील्ड स्वतः अपडेट हो जाएगी।
प्रश्न: क्या इस टूल में मेरा डेटा सर्वर पर जाता है?
नहीं। सभी प्रक्रिया आपके ब्राउज़र में होती है – कुछ भी अपलोड नहीं होता।
प्रश्न: मुझे आरजीबी मान कहाँ से मिलेंगे?
फ़ोटोशॉप, जीआईएमपी, ब्राउज़र डेवलपर टूल्स, या किसी भी कलर पिकर से। उदाहरण के लिए, Chrome DevTools में किसी तत्व की शैली की जाँच करने पर RGB मान दिखता है।