झटपट जवाब
हेक्स कोड को तीन जोड़ियों में बाँटें और हर एक को बेस 16 से डेसिमल में बदलें: #1B98E0 → 1B = 27, 98 = 152, E0 = 224, यानी rgb(27, 152, 224)। वापस जाने के लिए हर 0–255 मान को दो हेक्स अंकों में लिखें। कन्वर्टर दोनों दिशाओं में तुरंत करता है और HSL, CMYK और कंट्रास्ट जाँच जोड़ता है।
HEX से RGB कन्वर्टर — कलर कोड आसान
स्क्रीन का हर रंग लाल, हरी और नीली रोशनी का मिश्रण है, लेकिन वही रंग कई अलग तरीकों से लिखा जाता है। डिज़ाइनर Figma या Canva से #1B98E0 जैसे हेक्स कोड कॉपी करते हैं, CSS अक्सर rgb(27, 152, 224) इस्तेमाल करती है, कुछ टूल को HSL चाहिए, प्रिंटर CMYK माँगता है, और कोई API एक अकेली डेसिमल संख्या की उम्मीद कर सकता है। यह मुफ़्त HEX से RGB कन्वर्टर इन सबके बीच दोनों दिशाओं में तुरंत अनुवाद करता है। हेक्स कोड लिखें, RGB मान लिखें, या बस रंग चुनें, और हर फ़ॉर्मैट साथ-साथ अपडेट होता है।
यह उस सवाल का भी जवाब देता है जो डिज़ाइनर रंग चुनने के ठीक बाद पूछते हैं: क्या उस पर टेक्स्ट पढ़ने लायक होगा? कन्वर्टर आपके रंग पर सफ़ेद और काले दोनों टेक्स्ट का WCAG 2 कंट्रास्ट अनुपात निकालता है और हर एक को AA, AAA या फ़ेल का ग्रेड देता है, ताकि आप बटन, बैनर, थंबनेल और स्लाइड के लिए सही टेक्स्ट रंग चुन सकें। सब कुछ आपके ब्राउज़र में होता है।
कन्वर्टर कैसे इस्तेमाल करें
#1B98E0,1b98e0जैसा HEX कोड डालें, छोटा रूप#F80, या#1B98E080जैसा पारदर्शिता वाला 8 अंकों का कोड।- या RGB डालें किसी भी आम शैली में:
rgb(27, 152, 224),rgba(27, 152, 224, 0.5),27 152 224या प्रतिशत। - या कलर पिकर से रंग चुनें; बाक़ी फ़ील्ड अपने आप भर जाते हैं।
- HEX, RGB, HSL, अनुमानित CMYK, पेस्ट करने लायक CSS वेरिएबल लाइन और डेसिमल मान के लिए टेबल पढ़ें।
- अपने रंग पर सफ़ेद और काला टेक्स्ट, उनके कंट्रास्ट अनुपात के साथ, देखने के लिए स्वैच और कंट्रास्ट लाइन देखें।
- HEX, RGB या हर फ़ॉर्मैट एक साथ कॉपी करें।
HEX और RGB का आपसी रिश्ता
हेक्स रंग बस हेक्साडेसिमल (बेस 16) में लिखी तीन संख्याएँ हैं। छह अंक तीन जोड़ियों में बँटते हैं: पहली जोड़ी लाल, दूसरी हरी, तीसरी नीली। हर जोड़ी 00 (0) से FF (255) तक होती है, जो ठीक एक RGB चैनल की रेंज है। इसलिए कन्वर्ज़न बेस-16 से बेस-10 का कन्वर्ज़न है जो तीन बार किया जाता है।
HEX से RGB: #1B98E0 के लिए, 1B = 1 × 16 + 11 = 27, 98 = 9 × 16 + 8 = 152, और E0 = 14 × 16 + 0 = 224, जिससे rgb(27, 152, 224) बनता है।
RGB से HEX: rgb(255, 87, 51) के लिए, 255 = FF, 87 = 57 (5 × 16 + 7) और 51 = 33 (3 × 16 + 3), जिससे #FF5733 बनता है।
हमारा नंबर बेस कन्वर्टर किसी भी संख्या के लिए यही बेस-16 अंकगणित दिखाता है।
छोटे और लंबे हेक्स कोड
जब हर जोड़ी के दोनों अंक एक जैसे हों तो CSS 3 अंकों का शॉर्टहैंड देती है: #F80 फैलकर #FF8800 बनता है, और #FFF से #FFFFFF। 4 अंकों का कोड शॉर्टहैंड अल्फ़ा अंक जोड़ता है। 8 अंकों का कोड अल्फ़ा को आख़िरी जोड़ी में रखता है: 80 हेक्स 128 है, और 128 ÷ 255 ≈ 0.5, इसलिए #1B98E080 लगभग 50% अपारदर्शिता वाला नीला है — rgba(27, 152, 224, 0.5)।
हल किए गए उदाहरण
| HEX | RGB | HSL | सबसे अच्छा टेक्स्ट रंग |
|---|---|---|---|
| #1B98E0 | 27, 152, 224 | 202°, 78%, 49% | काला (6.61:1) |
| #FF5733 | 255, 87, 51 | 11°, 100%, 60% | काला (6.66:1) |
| #FF9933 | 255, 153, 51 | 30°, 100%, 60% | काला (9.86:1) |
| #008000 | 0, 128, 0 | 120°, 100%, 25% | सफ़ेद (5.14:1) |
| #767676 | 118, 118, 118 | 0°, 0%, 46% | कोई भी (हर एक ≈4.5:1) |
धूसर रंग #767676 एक जाना-माना सीमा-मामला है: यह सफ़ेद बैकग्राउंड पर टेक्स्ट के रूप में AA (4.54:1) पास करने वाला लगभग सबसे हल्का धूसर है, और काले के साथ पास करने वाला सबसे गहरा — दोनों तरफ़ बमुश्किल।
HSL: डिज़ाइनर के अनुकूल फ़ॉर्मैट
HSL रंग को ह्यू, सैचुरेशन और लाइटनेस से बताता है। ह्यू कलर व्हील पर डिग्री में स्थिति है — 0° लाल, 120° हरा, 240° नीला। सैचुरेशन बताता है कि रंग कितना चटक है, धूसर (0%) से पूरे रंग (100%) तक। लाइटनेस काले (0%) से शुद्ध रंग (50%) होते हुए सफ़ेद (100%) तक जाती है। इसका बड़ा फ़ायदा यह है कि आप एक संख्या बदलकर होवर स्टेट, टिंट और शेड बना सकते हैं: ह्यू और सैचुरेशन वही रखें, और लाइटनेस बढ़ाएँ या घटाएँ। सभी आधुनिक ब्राउज़र CSS में hsl() स्वीकार करते हैं।
CMYK: प्रिंट के लिए एक अनुमान
प्रिंटर सियान, मैजेंटा, पीली और काली स्याही मिलाते हैं, जो रोशनी जोड़ने के बजाय घटाती हैं। कन्वर्टर मानक सरल फ़ॉर्मूला इस्तेमाल करता है — K = 1 − max(R, G, B), फिर बचे मानों से C, M और Y — जो मोटे मार्गदर्शन के लिए ठीक है। असली प्रिंट रंग कागज़, स्याही और ICC कलर प्रोफ़ाइल पर निर्भर करते हैं, और कई चमकीले स्क्रीन रंग, ख़ासकर चटक नीले और हरे, ठीक-ठीक प्रिंट हो ही नहीं सकते। विज़िटिंग कार्ड, पैकेजिंग या जहाँ रंग मायने रखता हो, वहाँ अपने प्रिंटर से प्रूफ़ माँगें।
कलर कंट्रास्ट और एक्सेसिबिलिटी
Web Content Accessibility Guidelines (WCAG 2) 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (सफ़ेद पर काला) तक कंट्रास्ट अनुपात तय करती हैं। यह दोनों रंगों की सापेक्ष ल्यूमिनेंस से निकाला जाता है। सीमाएँ ये हैं:
- AA, सामान्य टेक्स्ट: कम से कम 4.5:1
- AA, बड़ा टेक्स्ट (लगभग 24 px सामान्य या 18.66 px बोल्ड और उससे ऊपर): कम से कम 3:1
- AAA, सामान्य टेक्स्ट: कम से कम 7:1
अच्छा कंट्रास्ट सिर्फ़ एक्सेसिबिलिटी के नियमों की बात नहीं है। यह तय करता है कि YouTube थंबनेल का टाइटल धूप में फ़ोन पर पढ़ा जा सकेगा या नहीं, बटन का लेबल साफ़ है या नहीं, और बड़ी उम्र के दर्शक आपकी स्लाइड पढ़ सकते हैं या नहीं। हैरानी की बात है कि कई लोकप्रिय ब्रांड के नीले और नारंगी रंग चटक दिखते हैं पर सफ़ेद टेक्स्ट के साथ फ़ेल हो जाते हैं — चमकदार मॉनिटर पर अपनी आँखों पर भरोसा करने के बजाय अनुपात जाँचें।
हर फ़ॉर्मैट कहाँ इस्तेमाल होता है
- HEX — CSS, HTML, Figma, Canva, Photoshop, ब्रांड गाइडलाइन।
- RGB / rgba — CSS (ख़ासकर जब पारदर्शिता चाहिए), JavaScript canvas, वीडियो और गेम टूल।
- HSL — CSS थीम और डिज़ाइन सिस्टम जहाँ आप टिंट और शेड बनाते हैं।
- CMYK — प्रिंट डिज़ाइन: ब्रोशर, कार्ड, पैकेजिंग।
- डेसिमल — कुछ API और ऐप जो रंग को एक इंटीजर के रूप में रखते हैं, जैसे चैट एम्बेड के रंग।
HEX और RGB कितने रंग बता सकते हैं?
हर चैनल के 256 संभावित मान (0 से 255) होते हैं, जो 8 बिट है। तीन चैनल मिलकर 24 बिट बनाते हैं, इसलिए मानक हेक्स और RGB कोड 256 × 256 × 256 = 16,777,216 रंग बता सकते हैं — मॉनिटर स्पेसिफ़िकेशन में लिखे “16.7 million colours”। अल्फ़ा चैनल जोड़ने पर यह प्रति पिक्सल 32 बिट हो जाता है, जिस तरह ज़्यादातर इमेज और स्क्रीन मेमोरी में रंग रखती हैं। कन्वर्टर की टेबल का डेसिमल मान बस वही 24 बिट हैं जो एक संख्या के रूप में पढ़े गए: लाल × 65,536 + हरा × 256 + नीला। #1B98E0 के लिए यह 1,808,608 है।
आधुनिक CSS वाइड-गैमट डिस्प्ले के लिए नए फ़ंक्शन से इस क्लासिक sRGB रेंज के बाहर के रंग भी बता सकती है। वे हेक्स कन्वर्टर के दायरे से बाहर हैं, और जाने-पहचाने हेक्स और RGB फ़ॉर्मैट वेब, दस्तावेज़ों और डिज़ाइन टूल के लिए सबसे व्यापक रूप से समर्थित विकल्प बने हुए हैं।
कलर कोड में आम ग़लतियाँ
- # छोड़ देना। ज़्यादातर डिज़ाइन टूल इसे आपके लिए जोड़ देते हैं, पर CSS में
color: 1B98E0अमान्य है। कन्वर्टर इसके साथ या बिना दोनों तरह के कोड स्वीकार करता है और हमेशा # वाला रूप देता है। - शून्य की जगह अक्षर O लिखना। हेक्स अंक सिर्फ़ 0–9 और A–F होते हैं। अक्षर O वाला
#FFOOOOलाल नहीं है; कन्वर्टर उसे ठुकरा देगा ताकि आपको पता चले। - 8 अंकों का क्रम गड़बड़ाना। CSS अल्फ़ा को आख़िर में रखती है (
#RRGGBBAA), पर कुछ Android और पुराने टूल उसे पहले रखते हैं (#AARRGGBB)। अगर पेस्ट करने के बाद रंग ग़लत दिखे, तो देखें कि आपका टूल कौन-सा क्रम चाहता है। - कंट्रास्ट को आँख से परखना। स्क्रीन की चमक और कलर प्रोफ़ाइल डिवाइस-दर-डिवाइस बहुत बदलते हैं। संख्याओं पर भरोसा करें।
- स्क्रीन के रंगों से प्रिंट में वही उम्मीद रखना। नियॉन RGB हरा कागज़ पर आम तौर पर फीका दिखेगा; इसके लिए पहले से योजना बनाएँ।
कलर कोड के साथ काम करने के सुझाव
- अपने ब्रांड रंगों की छोटी सूची CSS वेरिएबल के रूप में रखें — कन्वर्टर आपको पेस्ट करने के लिए
--brandलाइन देता है। - एक बेस रंग से पूरा पैलेट बनाने के लिए हमारा कलर पैलेट जनरेटर इस्तेमाल करें, और रंगों को मिलाने के लिए CSS ग्रेडिएंट जनरेटर।
- हेक्स कोड केस-सेंसिटिव नहीं होते, लेकिन कोई एक शैली चुनें और उसी पर टिके रहें ताकि सर्च-एंड-रिप्लेस काम करे।
- जब पारदर्शिता चाहिए, तो पूरे एलिमेंट की अपारदर्शिता घटाने की बजाय
rgba()या 8 अंकों का हेक्स चुनें, क्योंकि वह उसके अंदर के टेक्स्ट को भी फीका कर देती है। - अपने डिज़ाइन में रंग पर टेक्स्ट के हर संयोजन का कंट्रास्ट जाँचें, सिर्फ़ मुख्य वाले का नहीं।
- जब ब्रांड रंग सफ़ेद टेक्स्ट के साथ कंट्रास्ट में फ़ेल हो, तो बिल्कुल अलग रंग चुनने की जगह HSL में उसकी लाइटनेस कुछ अंक घटाकर देखें — ब्रांड वैसा ही लगता है, और टेक्स्ट पढ़ने लायक हो जाता है।
- अपने नोट्स के साथ पेज का लिंक सहेजें; जब भी किसी कोड को दोबारा जाँचना हो, कन्वर्टर मुफ़्त इस्तेमाल के लिए उपलब्ध है।
HEX से RGB कन्वर्टर — मुख्य बातें
| #FFFFFF | rgb(255, 255, 255) |
|---|---|
| #000000 | rgb(0, 0, 0) |
| #1B98E0 | rgb(27, 152, 224) |
| छोटा हेक्स #F80 | = #FF8800 |
| WCAG AA (सामान्य टेक्स्ट) | 4.5:1 |
| WCAG AAA (सामान्य टेक्स्ट) | 7:1 |
अक्सर पूछे जाने वाले सवाल
HEX को RGB में कैसे बदलें?
छह हेक्स अंकों को जोड़ियों में लें — लाल, हरा, नीला — और हर जोड़ी को हेक्साडेसिमल से डेसिमल में बदलें। #FF5733 → FF = 255, 57 = 87, 33 = 51 → rgb(255, 87, 51)।
RGB को HEX में कैसे बदलें?
तीनों मानों (0–255) में से हर एक को दो अंकों की हेक्स संख्या के रूप में लिखें और # के बाद जोड़ें। rgb(27, 152, 224) → 1B, 98, E0 → #1B98E0।
3 अंकों वाला हेक्स कोड क्या है?
एक शॉर्टहैंड जिसमें हर अंक दोगुना हो जाता है: #F80 का मतलब #FF8800। यह तभी चलता है जब हर जोड़ी के दोनों अंक एक जैसे हों।
8 अंकों वाला हेक्स कोड क्या है?
आख़िरी दो अंक अल्फ़ा (अपारदर्शिता) हैं। #1B98E080 वही नीला है, जिसमें 80 हेक्स = 128/255 ≈ 50% अपारदर्शिता, यानी rgba(27, 152, 224, 0.5)।
HSL क्या है?
ह्यू (कलर व्हील पर 0–360°), सैचुरेशन (0–100%) और लाइटनेस (0–100%)। CSS में किसी रंग के हल्के या गहरे वर्शन बनाने के लिए यह आसान है।
क्या CMYK मान प्रिंटिंग के लिए सटीक है?
यह मानक सरल फ़ॉर्मूले से निकला अनुमान है। असली प्रिंट रंग प्रिंटर, कागज़ और ICC प्रोफ़ाइल पर निर्भर करता है, इसलिए ज़रूरी काम के लिए अपने प्रिंटर से प्रूफ़ माँगें।
कंट्रास्ट अनुपात का क्या मतलब है?
WCAG 2 मापता है कि बैकग्राउंड के विरुद्ध टेक्स्ट कितना पढ़ने लायक है, 1:1 से 21:1 तक। सामान्य टेक्स्ट को AA के लिए कम से कम 4.5:1 और AAA के लिए 7:1 चाहिए; बड़े टेक्स्ट को AA के लिए 3:1।
क्या मुझे अपने रंग पर सफ़ेद या काला टेक्स्ट इस्तेमाल करना चाहिए?
जिसका दिखाया गया कंट्रास्ट अनुपात ज़्यादा हो वही इस्तेमाल करें। #1B98E0 के लिए काला टेक्स्ट 6.61:1 और सफ़ेद 3.17:1 स्कोर करता है, इसलिए काला ज़्यादा पढ़ने लायक है।
क्या हेक्स कोड केस-सेंसिटिव होते हैं?
नहीं। #1b98e0 और #1B98E0 एक ही हैं। कन्वर्टर डिफ़ॉल्ट रूप से अपरकेस दिखाता है।
क्या मैं ‘rgb()’ के बिना RGB लिख सकता हूँ?
हाँ। 27 152 224, 27,152,224 या rgb(27 152 224) सब चलते हैं; rgb(100%, 50%, 0%) जैसे प्रतिशत भी स्वीकार होते हैं।
डेसिमल मान क्या है?
रंग एक ही 24-बिट संख्या के रूप में (लाल × 65,536 + हरा × 256 + नीला), जो कुछ ऐप, API और Discord एम्बेड में इस्तेमाल होती है।
क्या यह मुफ़्त है?
हाँ, मुफ़्त है और पूरी तरह आपके ब्राउज़र में चलता है।
कलर कोड बदलें!
HEX, RGB, HSL और CMYK — कंट्रास्ट जाँच के साथ।
Prompt Minds के और टूल्स देखें
HEX से RGB कन्वर्टर हमारे दूसरे मुफ़्त टूल्स के साथ बढ़िया काम करता है। Prompt Minds का हर टूल पूरी तरह आपके ब्राउज़र में चलता है — न साइन-अप, न अपलोड, न वॉटरमार्क। सभी मुफ़्त टूल्स देखें।