HEX चे RGB मध्ये रूपांतर Hexadecimal ↔ Red Green Blue मोफत ऑनलाइन सुरक्षित

तुम्ही HEX ला RGB मध्ये रूपांतरित का करता

डिझाइन साधन तुम्हाला रंग #5A4632 असा देते. स्टाइलशीट, कॅनव्हास स्क्रिप्ट, चार्ट लायब्ररी किंवा ग्राफिक्स प्रोग्राम तो rgb(90, 70, 50) असा मागतो. तो एकच रंग आहे, आणि एका शब्दलेखनातून दुसऱ्यात जाण्याचे काम सतत समोर येते: ब्रँड मार्गदर्शक हेक्स कोड देतो आणि तुमच्या कोडला हलकी छटा काढण्यासाठी संख्या हव्या असतात, ग्राहक लोगोतील रंग पाठवतो आणि तुम्हाला पारदर्शकतेसह rgba() भरावा लागतो, एखादी लायब्ररी तीन स्वतंत्र मूल्येच स्वीकारते. HEX ला RGB मध्ये रूपांतरित करणे हे लहान काम आहे, आणि विश्वासार्ह कन्व्हर्टर तुम्हाला मनात सोळा-आधारी गणित करून ते चुकवण्यापासून वाचवतो.

रूपांतरण अचूक आहे, जे प्रत्येक रंग रूपांतरणाबाबत खरे नाही. हेक्स आणि rgb() हे त्याच तीन संख्यांची दोन शब्दलेखने आहेत, पडद्याने उत्सर्जित करायच्या लाल, हिरव्या आणि निळ्या प्रकाशाचे प्रमाण, प्रत्येक 0 ते 255. काहीही अंदाजे नसते, आणि गोल प्रवास जिथून सुरू झाला तेच परत देतो. हे पान तुमच्या ब्राउझरमध्ये करते, आणि काहीही अपलोड केले जात नाही. खाली तुम्हाला हेक्स अंक तीन संख्यांशी कसे जुळतात, पारदर्शकता कशी वाहून नेली जाते, लघुरूप काय करते, sRGB च्या मर्यादा, आणि HEX ला RGB मध्ये रूपांतरित करण्याची गरज डेव्हलपर आणि डिझायनरना कोणत्या परिस्थितीत पडते ते सापडेल.

रूपांतरण कसे चालते

अंकांच्या तीन जोड्या तीन संख्या बनतात

हेक्स रंग म्हणजे हॅश चिन्ह आणि त्यानंतर सहा षोडशमान अंक, जे जोड्यांत वाचले जातात: पहिली जोडी लाल, दुसरी हिरवा, तिसरी निळा. प्रत्येक जोडी 00 आणि FF दरम्यानची सोळा-आधारी संख्या आहे, जी तुम्ही रोज वापरता त्या दशमान प्रणालीत 0 ते 255 आहे. म्हणून #5A4632 चे 5A, 46 आणि 32 होतात. 5A म्हणजे 5 × 16 + 10 = 90, 46 म्हणजे 4 × 16 + 6 = 70, आणि 32 म्हणजे 3 × 16 + 2 = 50. रंग rgb(90, 70, 50) आहे, जे पानाच्या सुरुवातीचे उदाहरण आहे.

अंक 0 ते F पर्यंत का जातात

सोळा-आधारी प्रणालीला सोळा चिन्हे लागतात, म्हणून 9 नंतर A ते F ही अक्षरे येतात, जी 10 ते 15 दर्शवतात. अशा अंकांची जोडी 16 × 16 = 256 मूल्ये देते, अगदी एक बाइट जितके धरू शकतो तितकी. पडद्यावरचा रंग म्हणजे तीन बाइट्स, आणि हेक्स हा त्यांना लिहिण्याचा फक्त संक्षिप्त मार्ग आहे: स्वल्पविराम आणि कंसांसह तीन संख्यांऐवजी सहा अक्षरे.

मोठी आणि लहान अक्षरे

#5a4632 आणि #5A4632 हा एकच रंग आहे. CSS दोन्ही स्वीकारते, आणि हा कन्व्हर्टरही. प्रकल्पासाठी एक पद्धत निवडा आणि तिला धरून राहा, कारण मिश्र अक्षरांमुळे स्टाइलशीटमध्ये शोधणे अवघड होते.

रूपांतरण काय जपते आणि काय जपू शकत नाही

ते रंग अचूक जपते

हेक्स आणि rgb() ही त्याच तीन संख्यांची दोन शब्दलेखने आहेत, लाल, हिरवा आणि निळ्यासाठी 0 ते 255, म्हणून काहीही अंदाजे नसते आणि गोल प्रवास जिथून सुरू झाला तेच परत देतो. HEX ला RGB मध्ये आणि परत रूपांतरित करा, आणि मोठ्या अक्षरांच्या संभाव्य अपवादासह तुम्हाला तोच कोड मिळतो जो तुम्ही सुरू केला होता.

ते पारदर्शकता वाहून नेते

पारदर्शकतेसाठी चौथे मूल्यही वाहून नेले जाते: #RRGGBBAA चे rgba() होते, आणि परत. शेवटची जोडी आल्फा वाहिनी आहे, 00 पासून, पूर्ण पारदर्शक, FF पर्यंत, पूर्ण अपारदर्शक. म्हणून #5A463280 म्हणजे rgba(90, 70, 50, 0.5), कारण हेक्समधील 80 म्हणजे 128, आणि 255 पैकी 128 म्हणजे सुमारे अर्धा. आठ अंक सर्व सध्याच्या ब्राउझरमध्ये स्वीकारले जातात.

ते sRGB बाहेरचे रंग वर्णन करू शकत नाही

दोन्ही शब्दलेखने sRGB वर्णन करतात, तीस वर्षे पडद्याने वापरलेला रंग अवकाश. ते त्याबाहेरचा रंग वर्णन करू शकत नाहीत, ज्यासाठी नव्या CSS नोंदी, lab(), oklch() आणि color(), अस्तित्वात आहेत. आधुनिक डिस्प्ले sRGB धरतो त्यापेक्षा जास्त संपृक्त रंग दाखवू शकतात, आणि विस्तृत-रंगपरिघ साधनात असा रंग निवडलेल्या डिझायनरला तो हेक्स म्हणून लिहिला की sRGB मध्ये कापलेला दिसेल.

लघुरूप विस्तारले जाते, जपले जात नाही

लघुरूप जपले जात नाही तर विस्तारले जाते: #abc परत #AABBCC म्हणून येतो, जो तोच रंग लांब पद्धतीने लिहिलेला आहे. प्रत्येक अंक दुप्पट केला जातो. म्हणजे तुम्ही तीन अंकी कोड पेस्ट करून बरोबर संख्या मिळवू शकता, पण लांब रूप पाहून लहान शब्दलेखन परत मिळवू शकत नाही, फक्त प्रत्येक जोडी पुनरावृत्त होते का ते तपासूनच.

नेहमीचे रंग आणि त्यांच्या संख्या

लक्षात ठेवण्यासारखे काही

पांढरा #FFFFFF आहे, जो rgb(255, 255, 255) आहे: तिन्ही प्रकाश पूर्ण शक्तीवर. काळा #000000, rgb(0, 0, 0): अजिबात प्रकाश नाही. शुद्ध लाल #FF0000 आहे, हिरवा #00FF00 आणि निळा #0000FF. मध्यम राखाडी म्हणजे तीन समान जोड्या असलेला कोणताही कोड, जसे #808080, जो rgb(128, 128, 128) आहे. समान जोड्या नेहमी राखाडी दर्शवतात, कारण तिन्ही प्रकाशांचे समान प्रमाण कोणतीही छटा देत नाही.

कोड एका नजरेत वाचणे

पद्धत कळली की तुम्ही हेक्स अंकांवरून रंगाचा अंदाज बांधू शकता. उच्च पहिल्या जोडीने सुरू होणारा कोड लालसर असतो, उच्च मधली जोडी हिरवट, उच्च शेवटची जोडी निळसर. #FF8800 म्हणजे भरपूर लाल, थोडा हिरवा आणि निळा अजिबात नाही, जे नारिंगी आहे. त्यासाठी तुम्हाला साधन लागत नाही, पण अचूक संख्यांसाठी लागते.

इथे HEX ला RGB मध्ये रूपांतरित कसे करावे

हेक्स कोड टाइप करा किंवा पेस्ट करा

पहिल्या रकान्यात रंग टाका, हॅश चिन्हासह किंवा त्याशिवाय. तीन, सहा आणि आठ अंकी रूपे स्वीकारली जातात.

rgb मूल्य वाचा

उत्तर दुसऱ्या रकान्यात लगेच दिसते, rgb(90, 70, 50) या रूपात, किंवा कोडमध्ये पारदर्शकता असेल तर rgba(). पान #5A4632 = rgb(90, 70, 50) हे वाक्य दाखवते, म्हणजे तुम्ही एका नजरेत तपासू शकता.

तुमच्या कोडमध्ये कॉपी करा

निकाल ज्याने मागितला त्या स्टाइलशीट, स्क्रिप्ट किंवा साधनात पेस्ट करा. तुम्हाला तीन संख्या वेगळ्या हव्या असतील, तर त्या कंसातील संख्या आहेत.

या नोंदी कुठून आल्या

हेक्स आणि RGB एकाच गोष्टीचे दुहेरी लेखन

पडद्यावरचा रंग म्हणजे तीन संख्या, किती लाल, हिरवा आणि निळा प्रकाश उत्सर्जित करायचा, प्रत्येक 0 ते 255, म्हणजे एक बाइट. हेक्स फक्त ते बाइट्स सोळा-आधारी लिहितो, म्हणून #FF8800 आणि rgb(255, 136, 0) ही त्याच पिक्सेलला दिलेली एकच सूचना आहे.

HSL आणि CMYK

HSL ची निर्मिती झाली कारण दोन्हीपैकी कोणतेही माणसाला वाचण्याजोगे नाही: ते रंगचक्राभोवतीच्या कोनाच्या रूपात छटा देते, संपृक्तता आणि तेजस्विता टक्केवारीत, म्हणून डिझायनर तीन आकडे पुन्हा न मोजता काहीतरी फिकट करू शकतो. CMYK पूर्णपणे वेगळ्या जगाचे आहे, प्रकाश नव्हे तर शाई. ते वजाबाकीचे आहे, चार छपाई प्लेट्सपासून बनलेले, आणि पडदा जे प्रत्येक रंग दाखवू शकतो तो ते गाठू शकत नाही, कारण पडदा प्रकाश उत्सर्जित करतो तर कागद फक्त तो परावर्तित करतो. त्यांच्यासाठी HEX ते HSL आणि HEX ते CMYK पाहा.

तुम्हाला त्या कुठे भेटतात

स्टाइलशीटमध्ये

हेक्स तुम्ही स्टाइलशीटमध्ये टाइप करता आणि डिझाइन साधन तुम्हाला देते ते. जिथे रंगावर अंकगणित करायचे असते तिथे RGB दिसते: ग्रेडियंट, पारदर्शकता, छटा काढणारा कोड. दोन्ही शब्दलेखने जाणणे आणि त्यांच्यात फिरता येणे हा रोजच्या फ्रंट-एंड कामाचा भाग आहे.

स्क्रिप्ट आणि कॅनव्हास चित्रणात

चित्रण कोडला अनेकदा तीन संख्या वेगळ्या हव्या असतात, दोन रंग मिसळण्यासाठी, एक ठरावीक प्रमाणात गडद करण्यासाठी किंवा पिक्सेल लक्ष्याशी जुळतो का ते तपासण्यासाठी. HEX ला RGB मध्ये रूपांतरित केल्याने तुम्हाला संख्या थेट मिळतात.

ग्राफिक्स आणि प्रतिमा साधनांत

प्रतिमा संपादक सहसा रंग तीन संख्या म्हणून किंवा हेक्स कोड म्हणून दाखवतात, आणि दोन्हीपैकी काहीही टाइप करू देतात. दोन्हींमध्ये फिरल्याने तुम्ही वेब पानावरचा रंग संख्या मागणाऱ्या प्रोग्राममध्ये पुनरुत्पादित करू शकता.

दस्तऐवजीकरण आणि ब्रँड मार्गदर्शकांत

ब्रँड मार्गदर्शक रंग वेबसाठी हेक्समध्ये, पडद्यांसाठी RGB मध्ये आणि छपाईसाठी CMYK मध्ये देऊ शकतो. पहिले दोन जुळणे हे एका रूपांतरणाचे काम आहे, आणि हजार पत्रकांवर छापण्यापूर्वी टायपो पकडणारी ही अशी तपासणी आहे.

RGB रूपाचे व्यावहारिक उपयोग

दुसऱ्या रंगाशिवाय पारदर्शकता

rgba(90, 70, 50, 0.5) सह तुम्हाला रंग अर्ध्या ताकदीत मिळतो, म्हणजे त्यामागचे दिसते. नवा रंग न शोधता ब्रँड रंगापासून आच्छादने, सावल्या आणि छटायुक्त पार्श्वभूमी बनवण्याचा हा प्रमाण मार्ग आहे.

फिकट आणि गडद छटा काढणे

होवर स्थिती थोडी गडद करण्यासाठी स्क्रिप्ट तीन संख्यांपैकी प्रत्येकातून ठरावीक प्रमाण वजा करू शकते. हेक्स स्ट्रिंगवर तेच करणे अवघड आहे; rgb वर ते साधे अंकगणित आहे. छटेवर आधारित समायोजन हवे असेल, तर त्याऐवजी HEX ला HSL मध्ये रूपांतरित करा.

कॉन्ट्रास्ट तपासणी

सुलभता साधने दोन रंगांमधील कॉन्ट्रास्ट त्यांच्या लाल, हिरव्या आणि निळ्या मूल्यांवरून काढतात. संख्या हाताशी असल्याने तुम्ही गणना स्वतः करू शकता, किंवा त्या तपासकात पेस्ट करून पार्श्वभूमीवरचा मजकूर वाचनीय आहे याची खात्री करू शकता.

HEX ला RGB मध्ये रूपांतरित करताना सापळे

आल्फा जोडी विसरणे

आठ अंकी कोडमध्ये शेवटच्या दोन अंकांत पारदर्शकता असते. ते काढून टाकले, तर ती गमावली जाते. निकाल हाच रंग आहे असे ठरवण्यापूर्वी कोडची लांबी तपासा.

क्रम मिसळणे

हेक्स म्हणजे लाल, हिरवा, निळा. काही स्वरूपे, आणि काही जुने ग्राफिक्स API, निळा, हिरवा, लाल वापरतात. एखाद्या प्रोग्राममध्ये रंग चुकीचा आला, तर त्याचा वाहिनी क्रम तपासा.

स्क्रीनशॉटमधून कॉपी करणे

स्क्रीनशॉटमधून वाचलेला रंग म्हणजे पडद्याच्या रंग व्यवस्थापनानंतर आणि संकुचनानंतरचा रंग. तो स्रोत फाइलमधील रंगापेक्षा थोडा वेगळा असू शकतो. शक्य असेल तेव्हा डिझाइन फाइल वापरा.

पडदे सहमत असतात असे गृहीत धरणे

दोन पडदे तोच कोड थोडा वेगळा दाखवतात. संख्या अचूक आहेत; तुम्हाला जे दिसते ते डिस्प्ले आणि त्याच्या प्रोफाइलवर अवलंबून असते.

रूपांतरणापूर्वी लोक विचारतात ते प्रश्न

RGB मध्ये #FF0000 काय आहे?

rgb(255, 0, 0), शुद्ध लाल.

RGB मध्ये #FFFFFF काय आहे?

rgb(255, 255, 255), पांढरा.

मी तीन अंकी कोड रूपांतरित करू शकतो का?

होय. प्रत्येक अंक दुप्पट होतो: #09C चा #0099CC होतो, जो rgb(0, 153, 204) आहे.

रूपांतरण अचूक आहे का?

होय. ही त्याच तीन संख्यांची दोन शब्दलेखने आहेत.

माझा रंग अपलोड केला जातो का?

नाही. अंकगणित तुमच्या ब्राउझरमध्ये चालते आणि काहीही कुठे पाठवले जात नाही.

मी परत कसे जाऊ?

RGB ते HEX सह, जे तीन संख्या हेक्स कोड म्हणून लिहिते.

HEX ला RGB मध्ये रूपांतरित करताना शहाणपणाने निवड

पुढे काय हवे ते जाणा

तुम्हाला पारदर्शकता हवी असेल, तर rgba() हे नैसर्गिक रूप आहे. तुम्हाला तेजस्विता किंवा छटा समायोजित करायची असेल, तर HSL सोपे आहे. रंग छापला जाणार असेल, तर CMYK हे पुढचे पाऊल आहे, रूपांतरण वाहून आणत असलेल्या सावधगिरींसह. RGB ते CMYK पाहा.

हेक्स मूळ म्हणून ठेवा

ब्रँड पॅलेटमधील रंगांसाठी हेक्स कोड संदर्भ म्हणून ठेवा. तो लहान, संदिग्धतेशिवाय आणि सर्वत्र समजला जाणारा आहे. तुम्हाला गरज पडेल तेव्हा त्यावरून इतर रूपे काढा.

कस्टम प्रॉपर्टी वापरा

CSS मध्ये रंग एकदाच परिभाषित करा, --brand: #5A4632 असे, आणि नावाने त्यांचा संदर्भ द्या. तुम्हाला rgba() साठी संख्या हव्या असतील, तर --brand-rgb: 90 70 50 हेही परिभाषित करा. मग रूपांतरण एकदाच केले जाते.

आधुनिक CSS आणि RGB रूप

जागा-विभक्त वाक्यरचना

सध्याचे CSS जागांसह rgb() आणि पारदर्शकतेसाठी तिरकी रेषा स्वीकारते, जसे rgb(90 70 50 / 50%). संख्या स्वल्पविराम रूपाप्रमाणेच आहेत, म्हणून रूपांतरणाचा निकाल दोन्हीत चालतो. जुने ब्राउझर आणि काही साधने स्वल्पविराम अपेक्षित धरतात, म्हणून रंग कुठे वापरला जाईल हे माहीत नसताना स्वल्पविराम रूप सुरक्षित निवड राहते.

टक्केवारी आणि अपूर्णांक

RGB टक्केवारीतही लिहिता येते, जसे rgb(35% 27% 20%), जिथे 100 टक्के म्हणजे 255. पान पूर्ण संख्या देते कारण हेक्स त्याच साठवतो आणि बहुतेक साधने त्याच अपेक्षित धरतात. तुम्हाला टक्केवारी हवी असेल, तर प्रत्येक संख्येला 255 ने भागा आणि 100 ने गुणा.

तीन संख्यांसाठी कस्टम प्रॉपर्टी

एक नेहमीची युक्ती म्हणजे कस्टम प्रॉपर्टीत फक्त तीन संख्या साठवणे, --brand-rgb: 90 70 50, आणि तिचा वापर rgb(var(--brand-rgb) / 0.5) असा करणे. त्यामुळे एकच व्याख्या घन आणि अर्धपारदर्शक दोन्ही वापरांना सेवा देते. या हेतूने तुम्ही HEX ला RGB मध्ये रूपांतरित करता तेव्हा उत्तरातून फक्त संख्या कॉपी करा.

प्रत्यक्षात रंगासोबत काम करणे

ब्रँड मार्गदर्शकाशी पडताळा

ब्रँड मार्गदर्शक एकाच रंगासाठी हेक्स आणि rgb दोन्ही देत असेल, तर एक रूपांतरित करा आणि दुसऱ्याशी तुलना करा. जुळत नसेल तर सहसा मार्गदर्शकात टायपो असतो, आणि तो प्रत्येक पानावर वापरला जाण्यापूर्वी शोधणे त्याला लागणाऱ्या मिनिटाला योग्य आहे.

पॅलेट छोटी यादी म्हणून ठेवा

बहुतेक साइट्स पाच ते आठ रंग वापरतात. ते दोन्ही रूपांत एका नोंदीत लिहा. नव्या घटकासाठी प्रत्येक वेळी HEX ला RGB मध्ये रूपांतरित करावे लागले की तुम्ही ते पुन्हा काढण्याऐवजी शोधून पाहू शकता, आणि पॅलेट एकसंध राहते.

रंगांना भूमिकेनुसार नावे द्या

primary, surface आणि warning सारखी नावे हिरवा किंवा तपकिरी सारख्या नावांपेक्षा पुनर्रचनेत जास्त टिकतात. रूपांतरण तुम्हाला संख्या देते; नाव ती कशासाठी आहेत ते सांगते.

संबंधित कन्व्हर्टर

साधनांचे हेच कुटुंब शेजारची रूपांतरणे हाताळते. परत जाण्यासाठी RGB ते HEX वापरा. छटेनुसार वर्णन केलेल्या रंगांसाठी HEX ते HSL आणि HSL ते HEX हाताशी आहेत, आणि छपाईसाठी HEX ते CMYK, CMYK ते HEX आणि CMYK ते RGB. त्याच स्टाइलशीटमधील आकारांसाठी px ते rem आणि px ते em लांबीसाठी तेच करतात जे हे पान रंगांसाठी करते.

सोडवलेले उदाहरण

समजा तुमचा ब्रँड रंग #1E7A5C आहे आणि तुम्हाला कार्ड पार्श्वभूमीसाठी अर्धपारदर्शक आवृत्ती हवी आहे. तुम्ही कोड टाइप करता आणि rgb(30, 122, 92) वाचता. स्टाइलशीटमध्ये तुम्ही background: rgba(30, 122, 92, 0.12) लिहिता, त्याच हिरव्याची खूप हलकी छटा, आणि rgba(30, 122, 92, 0.4) ची किनार. कार्ड पांढऱ्या पानावर आणि राखाडी पानावर दोन्हीवर सहज बसते, कारण पारदर्शकता पान आरपार जाऊ देते. ब्रँड रंग नंतर बदलला की तुम्ही एका कस्टम प्रॉपर्टीतील तीन संख्या बदलता आणि प्रत्येक छटा त्याच्यासोबत बदलते.

छोटी तपासणी यादी

रूपांतरणापूर्वी

कोडची लांबी तपासा: तीन, सहा किंवा आठ अंक. तुम्हाला पारदर्शकता हवी आहे का ते ठरवा.

रूपांतरण करताना

कोड पेस्ट करा, rgb मूल्य वाचा आणि ते कंसांसह कॉपी करा, किंवा फक्त तीन संख्या.

रूपांतरणानंतर

रंग संदर्भात, खऱ्या पार्श्वभूमीवर तपासा, आणि त्यावर बसलेल्या कोणत्याही मजकुराचा कॉन्ट्रास्ट पाहा.

सामान्य चुका

पारदर्शकतेची जोडी गाळणे

आठ अंकांचा अर्थ आल्फा. तो ठेवा किंवा rgba() मध्ये रूपांतरित करा.

वाहिनी क्रमाची गल्लत

हेक्समध्ये लाल आधी असतो. काही साधने निळा आधी अपेक्षित धरतात.

पडद्याला सत्य मानणे

संख्या अचूक आहेत. दिसणे डिस्प्लेवर अवलंबून असते.

तुमचे रंग तुमच्या उपकरणावरच राहतात

गणना स्थानिक पातळीवर होते. तुमची मूल्ये तुमचा स्वतःचा ब्राउझर वापरतो आणि काहीही कुठे पाठवले जात नाही. नंतर हटवण्यासारखे काहीच नसते आणि तयार करण्यासाठी खाते नसते. HEX ला RGB मध्ये रूपांतरित करण्याचा हा साधा मार्ग आहे.

सारांश

इथे HEX ला RGB मध्ये रूपांतरित करण्यासाठी हेक्स कोड टाइप करा किंवा पेस्ट करा आणि rgb मूल्य लगेच वाचा. रूपांतरण रंग अचूक जपते: हेक्स आणि rgb() ही त्याच तीन संख्यांची दोन शब्दलेखने आहेत, लाल, हिरवा आणि निळ्यासाठी 0 ते 255, म्हणून काहीही अंदाजे नसते आणि गोल प्रवास जिथून सुरू झाला तेच परत देतो. पारदर्शकतेसाठी चौथे मूल्यही वाहून नेले जाते, कारण #RRGGBBAA चे rgba() होते, आणि परत. दोन्ही शब्दलेखने sRGB वर्णन करतात, म्हणून ते त्याबाहेरचे रंग वर्णन करू शकत नाहीत, आणि लघुरूप जपले जात नाही तर विस्तारले जाते: #abc परत #AABBCC म्हणून येतो. काहीही अपलोड केले जात नाही.