HEX कोड तीन 8-बिट संख्याओं को छह hexadecimal अंकों में पैक करता है। HEX को RGB में बदलना उन अंकों को जोड़ोड़ कर प्रत्येक जोड़े को एक दैशिक संख्या (decimal) के रूप में पढ़ना होता है, जो 0 से 255 के बीच होती है — बिल्कुल वे ही मान जो CSS, Figma और इमेज एडिटर्स उम्मीद करते हैं।
HEX से RGB कन्वर्ज़न कैसे काम करता है
- शुरुआती # हटा दो और अगर कोड केवल तीन अंकों का है तो हर अंक को डबल कर दो: #f53 बन जाता है #ff5533.
- छह अंकों को तीन जोड़ों — RR, GG और BB — में बाँट दो।
- हर जोड़े को बेस-16 संख्या के रूप में पढ़ो और बेस-10 में बदलो: FF बनता है 255, 57 बनता है 87, 33 बनता है 51।
- तीनों परिणामों को rgb(R, G, B) के रूप में लिखो।
काम करने का उदाहरण
यह रूपांतरण सटीक है। HEX और RGB एक ही sRGB मानों का अलग नोटेशन हैं, इसलिए किसी भी दिशा में गोल या डेटा का नुकसान नहीं होता।
HEX और RGB समझाया गया
HEX क्या है?
HEX कोड एक छह अंकों वाली hexadecimal संख्या होती है जो # से शुरू होकर रंग के red, green और blue चैनल को स्टोर करती है। हर दो अंकों का जोड़ा एक चैनल को बताता है, 00 (किसी का नहीं) से FF (पूरा) तक, जो कि RGB के 16.7 मिलियन रंगों को छोटी नॉटेशन में देता है। HEX CSS, डिजाइन टूल और ब्रांड गाइडलाइंस में डिफ़ॉल्ट है।
- सिंटैक्स:
- #RRGGBB
- रेंज:
- 00–FF प्रति चैनल
- उपयुक्त:
- CSS, डिजाइन हैंडऑफ़, ब्रांड गाइडलाइंस
RGB क्या है?
RGB किसी रंग को तीन लाइट चैनलों — red, green और blue — के रूप में बताता है, हर एक 0 से 255 के बीच। यह स्क्रीन के असली काम करने के तरीके को दर्शाता है: जब सभी तीन 255 पर हों तो सफेद मिलता है, और सभी 0 पर काला। जब तुम्हें किसी रंग के साथ कैलकुलेशन करना हो तो RGB सही चुनाव है, और rgba() पारदर्शिता जोड़ता है।
- सिंटैक्स:
- rgb(R, G, B)
- रेंज:
- 0–255 प्रति चैनल
- उपयुक्त:
- कोड, canvas, rgba() के साथ पारदर्शिता
HEX से RGB संदर्भ तालिका
सबसे सामान्य CSS रंग, HEX से RGB में कन्वर्ट किए गए।
| रंग | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |