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