RGB ले तिमीलाई 0 देखि 255 सम्मका तीन दशमलव च्यानल दिन्छ। HEX मा रूपान्तरण गर्दा हरेक च्यानललाई दुई-अंकको हेक्साडेसिमल नम्बरमा परिणत गरिन्छ, ताकि पूरा रंग एउटा कम्प्याक्ट टोकनमा फिट होस् जुन हरेक ब्राउजर, डिजाइन टूल र स्टाइल गाइडले बुझ्छ।
RGB बाट HEX रूपान्तरण कसरी काम गर्छ
- रातो च्यानल लिएर 16 ले भाग गर: भागफल पहिलो अंक हो र बाँकी दोस्रो अंक हो।
- 10 देखि 15 सम्मका अंकहरूलाई A देखि F अक्षरले लेख — 255 ले FF हुन्छ।
- त्यस्तै हरियो र नीलोका लागि पनि दोहोर्याउ, एकल अंकहरूलाई अगाडि शून्य थपेर मिलाउ: 5 ले 05 हुन्छ।
- ती तीन जोडीहरू जोडेर अगाडि # राख।
कार्यकुशल उदाहरण
ठिकठाक ठीक छ, जबसम्म च्यानलहरू पूर्ण अंकहरू 0 देखि 255 भित्र छन्। rgb(79.5, 70, 229) जस्ता भिन्नात्मक मानहरू पहिले नजिकको पूर्णाङ्कमा घुमाइन्छन्, किनकि HEX बीचको मानहरू भण्डारण गर्न सक्दैन।
RGB र HEX व्याख्या
RGB के हो?
RGB ले रंगलाई प्रकाशका तीन च्यानल—रातो, हरियो र निलो—को रूपमा वर्णन गर्छ, प्रत्येक 0 देखि 255 सम्म। यो स्क्रीनहरू कसरी काम गर्दछन् भनी झल्किन्छ: सबै तीन 255 मा सेट हुँदा सेतो आउँछ, सबै 0 हुँदा कालो। जब पनि तिमीले रंगसँग गणना गर्नुपर्ने हुन्छ RGB उपयुक्त छ, र rgba() ले माथि पारदर्शिता थप्छ।
- सिन्ट्याक्स:
- rgb(R, G, B)
- सीमा:
- च्यानलप्रति 0–255
- उत्तम प्रयोग:
- कोड, क्यानभास, rgba() संग पारदर्शिता
HEX के हो?
HEX कोड एउटा छैठौं-डिजिट हेक्साडेसिमल संख्या हो जसले अग्रशिर # पछाडि रङको रातो, हरियो र निलो च्यानल भण्डारण गर्छ। प्रत्येक दुई अंकले एउटा च्यानल कभर गर्छ, 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 |