MCP के माध्यम से कनेक्ट करें →

गणना दर्ज करें

3 या 6 अंकों वाला hex कोड डालें, शुरुआत में # के साथ या बिना।

सूत्र (फॉर्मूला)

विज्ञापन

परिणाम

RGB रंग
rgb(52, 152, 219)
from #3498DB
रेड (R) 52
ग्रीन (G) 152
ब्लू (B) 219
सामान्यीकृत Hex #3498DB
CSS rgb(52, 152, 219)

Hex से RGB कन्वर्टर क्या है?

Hex कलर कोड किसी रंग का छह अंकों वाला हेक्साडेसिमल रूप होता है, जिसे #RRGGBB की तरह लिखा जाता है। इसमें हर दो-अंकों की जोड़ी तीन एडिटिव कलर चैनलों में से एक — रेड, ग्रीन या ब्लू — को दर्शाती है। यह कन्वर्टर hex कोड को पढ़कर उसके बराबर का RGB ट्रिपलेट लौटाता है, जहाँ हर चैनल 0 से 255 के बीच का पूर्णांक होता है। RGB ही वह फ़ॉर्मेट है जिसे CSS, डिज़ाइन सॉफ़्टवेयर और ज़्यादातर स्क्रीन भीतर ही भीतर इस्तेमाल करती हैं, इसलिए दोनों के बीच बदलाव करना वेब डेवलपर्स और डिज़ाइनरों के लिए रोज़मर्रा का काम है।

इसका इस्तेमाल कैसे करें

बॉक्स में कोई hex कोड टाइप करें — शुरुआत में # के साथ या बिना। पूरा छह-अंकों वाला रूप (#3498DB) और तीन-अंकों वाला शॉर्टहैंड (#39C, जो #3399CC में फैल जाता है) दोनों चलते हैं। टूल किसी भी फ़ालतू कैरेक्टर को साफ़ करता है, कोड को सामान्य रूप देता है और तुरंत रेड, ग्रीन व ब्लू वैल्यू दिखा देता है — साथ में लाइव कलर स्वैच और कॉपी-पेस्ट के लिए तैयार CSS भी।

फ़ॉर्मूला समझें

हेक्साडेसिमल बेस 16 पर चलता है, जिसमें 0–9 के अंक और A–F तक के अक्षर इस्तेमाल होते हैं (जहाँ A=10 … F=15)। दो कैरेक्टर की एक जोड़ी इस नियम से बदली जाती है — वैल्यू = पहला अंक × 16 + दूसरा अंक। यानी FF = 15 × 16 + 15 = 255, जो अधिकतम है, और 00 = 0, जो न्यूनतम है। तीनों जोड़ियाँ अलग-अलग डिकोड होकर R, G और B बनती हैं।

$$(R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right.$$
विज्ञापन
चित्र जिसमें छह अंकों का हेक्स कोड तीन दो-अंकीय जोड़ों में बंटकर लाल, हरे और नीले मानों से मैप होता है
एक हेक्स कोड तीन जोड़ों में बंटता है, हर जोड़ा 0-255 चैनल मान में बदलता है।

हल किया हुआ उदाहरण

मान लीजिए #3498DB। रेड जोड़ी 34 = \(3 \times 16 + 4 = \mathbf{52}\) है। ग्रीन जोड़ी 98 = \(9 \times 16 + 8 = \mathbf{152}\) है। ब्लू जोड़ी DB = \(13 \times 16 + 11 = \mathbf{219}\) है। नतीजा निकलता है rgb(52, 152, 219) — फ़्लैट डिज़ाइन में बेहद लोकप्रिय एक ब्लू शेड।

एकल हेक्स रंग नमूना जिसके लाल, हरे और नीले चैनल विभाजन को तीन रंगीन पट्टियों के रूप में दिखाया गया है
एक उदाहरण: एक हेक्स कोड स्वैच के रूप में उसके R, G, B चैनलों के साथ दिखाया गया।

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

क्या यह #FFF जैसा शॉर्टहैंड hex स्वीकार करता है? हाँ। तीन-अंकों वाला कोड हर अंक को दोगुना करके फैलाया जाता है, यानी #FFF बन जाता है #FFFFFF = rgb(255, 255, 255)।

एल्फ़ा (पारदर्शिता) चैनल का क्या? यह टूल तीन-चैनल वाले RGB रंग को संभालता है। एल्फ़ा सहित 8-अंकों वाले hex को कलर कन्वर्ज़न के लिए उसके पहले छह अंकों तक काट दिया जाता है।

RGB से वापस hex में कैसे जाएँ? हर चैनल की वैल्यू को दो-अंकों वाली हेक्साडेसिमल संख्या के रूप में लिखें और उन्हें एक # के बाद जोड़ दें। जैसे 52, 152, 219 → 34, 98, DB → #3498DB

अंतिम अपडेट: