RGB तुम्हाला 0 ते 255 दरम्यानच्या तीन दशलव चॅनेल्स देतो. HEX मध्ये रूपांतर म्हणजे प्रत्येक चॅनेलला दोन-अंकी हेक्साडेसिमल संख्येत बदलणे, ज्यामुळे संपूर्ण रंग एका संक्षिप्त टोकनमध्ये येतो ज्याला प्रत्येक ब्राउझर, डिझाइन टूल आणि स्टाइल गाइड समजते.
RGB ते HEX रूपांतरण कसे कार्य करते
- लाल चैनल घ्या आणि त्याला 16 ने भाग करा: भागाकार पहिला अंक आहे, उरलेले दुसरा अंक आहे.
- 10 ते 15 या अंकांना A ते F म्हणून लिहा — 255 ची रूपांतरेण FF होते.
- ग्रीन आणि ब्ल्यूसाठीही हेच करा, एकअंक असल्यास समोर 0 भरा: 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 दशलक्ष रंग कमी नोंदीत मिळतात. CSS, डिझाइन टूल्स आणि ब्रँड गाइडलाइन्समध्ये HEX हा डीफॉल्ट आहे.
- सिंटॅक्स:
- #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 |