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 दशलक्ष रंग कमी नोंदीत मिळतात. CSS, डिझाइन टूल्स आणि ब्रँड गाइडलाइन्समध्ये HEX हा डीफॉल्ट आहे.
- सिंटॅक्स:
- #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) |