HEX रंग कोड को RGB में कैसे कनवर्ट करें
HEX और RGB ठीक वही रंगों को लिखने के दो तरीके हैं। डिज़ाइनर और डेवलपर लगातार दोनों के बीच जगलिंग करते हैं — CSS स्टाइलशीट में HEX, JavaScript एनिमेशन में RGB, डिज़ाइन टूल्स में HSL। उनके संबंध को समझना रंगों के साथ काम को बहुत सरल बनाता है।
HEX कैसे काम करता है
#FF5733 जैसा एक HEX रंग कोड लाल, हरे और नीले चैनलों का प्रतिनिधित्व करने वाली 6-अंकीय हेक्साडेसिमल संख्या है:
| भाग | Hex | दशमलव | चैनल |
|---|---|---|---|
| FF | FF | 255 | लाल |
| 57 | 57 | 87 | हरा |
| 33 | 33 | 51 | नीला |
प्रत्येक चैनल 00 (0, कोई रंग नहीं) से FF (255, अधिकतम तीव्रता) तक जाता है। तो #FF5733 का अर्थ है पूरा लाल, मध्यम हरा, थोड़ा नीला — जो एक गर्म नारंगी-लाल देता है।
HEX को RGB में कैसे कनवर्ट करें
- अपना HEX कोड दर्ज करें — #FF5733 जैसा कोड टाइप या पेस्ट करें, या रंग चयनकर्ता का उपयोग करें।
- RGB मान देखें — लाल, हरे और नीले (प्रत्येक 0-255) में समकक्ष देखें।
- किसी भी फ़ॉर्मेट में कॉपी करें — मानों को
rgb(255, 87, 51)में, व्यक्तिगत चैनल या HSL जैसे अन्य फ़ॉर्मेट में प्राप्त करें।
सामान्य रंग कोड
| रंग | HEX | RGB |
|---|---|---|
| सफ़ेद | #FFFFFF | rgb(255, 255, 255) |
| काला | #000000 | rgb(0, 0, 0) |
| लाल | #FF0000 | rgb(255, 0, 0) |
| हरा | #00FF00 | rgb(0, 255, 0) |
| नीला | #0000FF | rgb(0, 0, 255) |
| पीला | #FFFF00 | rgb(255, 255, 0) |
सुझाव
- CSS में HEX का उपयोग करें —
color: #FF5733स्टाइलशीट मेंcolor: rgb(255, 87, 51)से अधिक साफ़ और अधिक सामान्य है। - पारदर्शिता के लिए RGB का उपयोग करें — जब अर्ध-पारदर्शी रंग की आवश्यकता हो, तो
rgba(255, 87, 51, 0.5)का उपयोग करें। मानक HEX में अल्फ़ा जोड़ने का कोई तरीका नहीं है (हालाँकि 8-अंकीय HEX मौजूद है, ब्राउज़र समर्थन भिन्न है)। - 3-अंकीय शॉर्टकट —
#F00#FF0000के बराबर है। जब प्रत्येक जोड़ी के अंक समान हों तो स्थान बचाने के लिए इसका उपयोग करें। - रंग चयनकर्ता तेज़ है — यदि आप सही रंग ढूँढ रहे हैं, तो HEX मानों का अनुमान लगाने के बजाय दृश्य चयनकर्ता का उपयोग करें। संतुष्ट होने पर कोड कॉपी करें।
अक्सर पूछे जाने वाले प्रश्न
HEX को RGB में मैन्युअल रूप से कैसे कनवर्ट करें?
हेक्स कोड को तीन जोड़ियों में काटें (उदाहरण के लिए #FF8800 FF, 88, 00 बन जाता है)। प्रत्येक जोड़ी को आधार 16 से आधार 10 में कनवर्ट करें। FF = 255, 88 = 136, 00 = 0। परिणाम rgb(255, 136, 0) है।
3-अंकीय HEX कोड के बारे में क्या?
3-अंकीय HEX एक शॉर्टकट है जहाँ प्रत्येक अंक दोगुना होता है। #F80 #FF8800 के बराबर है। अधिकांश कन्वर्टर दोनों फ़ॉर्मेट को स्वचालित रूप से संभालते हैं।
HEX या RGB का उपयोग कब करें?
HEX अधिक कॉम्पैक्ट है और CSS में अधिक सामान्य है। जब कोड में व्यक्तिगत रूप से चैनलों में हेरफेर करना हो या पारदर्शिता के लिए rgba() का उपयोग करना हो तो RGB बेहतर है। दोनों समान रंगों का प्रतिनिधित्व करते हैं।
HEX कोड में # प्रतीक क्या दर्शाता है?
हैश (#) एक उपसर्ग है जो इंगित करता है कि मान एक हेक्साडेसिमल रंग कोड है। यह मान का हिस्सा नहीं है। कुछ टूल्स हैश के साथ या बिना कोड स्वीकार करते हैं।