RGB तुम्हें तीन दशमिक चैनल देता है जो 0 और 255 के बीच होते हैं। HEX में बदलने का मतलब हर चैनल को दो-अंकीय hexadecimal संख्या में बदलना है, ताकि पूरा रंग एक कॉम्पैक्ट टोकन में फिट हो जाए जिसे हर ब्राउज़र, डिजाइन टूल और स्टाइल गाइड समझता है।
RGB से HEX कन्वर्ज़न कैसे काम करता है
- लाल चैनल लें और उसे 16 से भाग दें: भागफल पहला अंक होगा और बाकी शेष दूसरा अंक।
- 10 से 15 तक के अंकों को A से F तक के अक्षरों के रूप में लिखें — 255 बन जाता है FF।
- हरे और नीले के लिए भी यही दोहराएँ, एक-अंक वाले अंकों के सामने शून्य जोड़कर पेडिंग करें: 5 बन जाता है 05।
- तीनों जोड़ों को जोड़ें और आगे एक # लगा दें।
काम करने का उदाहरण
ठीक तभी जब चैनल पूरे नंबर 0 से 255 के बीच हों। दशमलव मान जैसे rgb(79.5, 70, 229) पहले निकटतम整数 में राउंड होते हैं, क्योंकि HEX बीच का कोई मान स्टोर नहीं कर सकता।
RGB और HEX समझाया गया
RGB क्या है?
RGB किसी रंग को तीन लाइट चैनलों — red, green और blue — के रूप में बताता है, हर एक 0 से 255 के बीच। यह स्क्रीन के असली काम करने के तरीके को दर्शाता है: जब सभी तीन 255 पर हों तो सफेद मिलता है, और सभी 0 पर काला। जब तुम्हें किसी रंग के साथ कैलकुलेशन करना हो तो RGB सही चुनाव है, और rgba() पारदर्शिता जोड़ता है।
- सिंटैक्स:
- rgb(R, G, B)
- रेंज:
- 0–255 प्रति चैनल
- उपयुक्त:
- कोड, canvas, rgba() के साथ पारदर्शिता
HEX क्या है?
HEX कोड एक छह अंकों वाली hexadecimal संख्या होती है जो # से शुरू होकर रंग के red, green और blue चैनल को स्टोर करती है। हर दो अंकों का जोड़ा एक चैनल को बताता है, 00 (किसी का नहीं) से FF (पूरा) तक, जो कि RGB के 16.7 मिलियन रंगों को छोटी नॉटेशन में देता है। HEX CSS, डिजाइन टूल और ब्रांड गाइडलाइंस में डिफ़ॉल्ट है।
- सिंटैक्स:
- #RRGGBB
- रेंज:
- 00–FF प्रति चैनल
- उपयुक्त:
- CSS, डिजाइन हैंडऑफ़, ब्रांड गाइडलाइंस
RGB से HEX संदर्भ तालिका
सबसे सामान्य CSS रंग, RGB से HEX में कन्वर्ट किए गए।
| रंग | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |