RGB को HEX में बदलना Red Green Blue ↔ Hexadecimal मुफ़्त ऑनलाइन सुरक्षित
RGB में कोई मान लिखिए और उसे वहीं HEX में पढ़ लीजिए। हिसाब आपके ब्राउज़र में होता है, कहीं कुछ नहीं भेजा जाता, और उत्तर किस पर निर्भर है यह मान नहीं लिया जाता, नीचे लिखा है।
कुछ भी अपलोड नहीं
ये लेखन-रीतियाँ कहाँ से आईं
हेक्स और RGB एक ही वस्तु हैं, दो बार लिखी हुई। परदे का रंग तीन संख्याएँ हैं — कितना लाल, हरा और नीला प्रकाश छोड़ना है — प्रत्येक 0 से 255 तक, अर्थात एक बाइट; हेक्स उन्हीं बाइटों को सोलह के आधार पर लिख देता है, सो #FF8800 और rgb(255, 136, 0) एक ही पिक्सेल को दिया गया एक ही आदेश हैं। HSL इसलिए गढ़ा गया कि इनमें से कोई भी मनुष्य के पढ़ने योग्य नहीं: वह वर्ण को वर्णचक्र पर एक कोण के रूप में, और संतृप्ति तथा दीप्ति को प्रतिशत में देता है, सो अभिकल्पक तीन अंक फिर से जोड़े बिना किसी वस्तु को हल्का कर सकता है। CMYK सर्वथा दूसरे संसार का है — स्याही का, प्रकाश का नहीं। वह व्यवकलनात्मक है, चार मुद्रण-पट्टों से बना, और परदे के हर रंग तक नहीं पहुँच सकता, क्योंकि परदा प्रकाश छोड़ता है जबकि कागज़ उसे केवल लौटाता है।
ये आपको कहाँ मिलती हैं
हेक्स वह है जो आप स्टाइलशीट में टाइप करते हैं और जो अभिकल्प का औज़ार आपको थमाता है। RGB वहाँ प्रकट होता है जहाँ रंग को गणित चाहिए: क्रमिक छटाएँ, पारदर्शिता, वह कोड जो कोई आभा निकाले। HSL की ओर हाथ तब बढ़ता है जब रंगपट्टिका हाथ से सँवारी जाए, क्योंकि चाहे गए परिवर्तन प्रायः उसके तीन अंकों में से एक के परिवर्तन होते हैं। CMYK वह है जो छापाखाना माँगता है, और उसमें रूपांतरण वही क्षण है जब कोई अभिकल्प प्रकाश रहना छोड़कर स्याही बन जाता है।
अक्सर पूछे जाने वाले प्रश्न
मेरा CMYK परिणाम छापाखाने के दिए से भिन्न क्यों है?
क्योंकि एक ही सही रूपांतरण होता ही नहीं। इस पृष्ठ का गणित सरल और उपकरण-निरपेक्ष है, और जब आपको आरंभ-बिंदु या मोटा समतुल्य चाहिए तो वही ठीक उत्तर है। छापाखाना एक वर्ण-प्रालेख के द्वारा रूपांतरण करता है जो विशिष्ट स्याही, कागज़ और मशीन को गिनता है; वही RGB रंग चिकने कागज़ पर और बिना लेप के कागज़ पर भिन्न CMYK मान देगा। जिसे ठीक मिलना ही चाहिए, उसके लिए किसी सूत्र पर भरोसा करने के बजाय छापाखाने से उनका प्रालेख माँगें।
परदे के कुछ रंग छप क्यों नहीं सकते?
क्योंकि दोनों एक ही रंगों तक नहीं पहुँचते। परदा प्रकाश जोड़कर रंग बनाता है और ऐसा चटक, संतृप्त आसमानी या हरा दे सकता है जिसकी स्याही बराबरी ही नहीं कर सकती; कागज़ प्रकाश सोखकर रंग बनाता है, और अधिक से अधिक जितना उजला हो सकता है वह पन्ने की सफ़ेदी है। प्रत्येक जिन रंगों तक पहुँचता है उस समुच्चय को गैमट कहते हैं, और जहाँ वे एक-दूसरे पर नहीं चढ़ते, वहाँ रूपांतरण को उपलब्ध निकटतम रंग चुनना पड़ता है। इसीलिए परदे पर चटक रंग छपकर प्रायः कुछ फीका दिखता है।
क्या उत्तर सटीक है?
जहाँ दोनों इकाइयाँ एक-दूसरे से पूर्ण संख्याओं में परिभाषित हैं, वहाँ हाँ — पृष्ठ यह बात संख्या के ऊपर कहता है, और एकमात्र गोलाई इसमें है कि कितने अंक दिखाए जाएँ। जहाँ अनुपात का दशमलव समाप्त नहीं होता, पृष्ठ बारह सार्थक अंक दिखाता है और कहता है कि संबंध सन्निकट है, कुछ और होने का ढोंग नहीं करता।
क्या मेरा लिखा हुआ मेरे उपकरण से बाहर जाता है?
नहीं। गणना आपके ही ब्राउज़र में होती है; कुछ भी अपलोड नहीं होता, और करने के लिए कोई सर्वर है भी नहीं। पृष्ठ एक बार खुल जाने पर नेटवर्क बंद होने पर भी चलता है।
आप RGB को HEX में क्यों बदलते हैं
इमेज एडिटर, ऑपरेटिंग सिस्टम का कलर पिकर या कोड की एक पंक्ति आपको रंग तीन संख्याओं के रूप में देती है: 90, 70, 50। स्टाइलशीट, डिज़ाइन टोकन फ़ाइल या सहकर्मी को संदेश उसे एक छोटे कोड के रूप में चाहता है: #5A4632। उनके बीच का क़दम वही है जो यह पृष्ठ करता है। RGB को HEX में बदलना उन्हीं तीन संख्याओं को सोलह के आधार में लिखना है, हर एक दो अंकों में, और आगे हैश चिह्न लगाना। एक रंग के लिए यह करना आसान है और बीस के लिए उबाऊ, और ग़लत हो जाना आसान है जब किसी संख्या को आगे शून्य चाहिए या कोई अंक अक्षर है।
रूपांतरण सटीक है, जो हर रंग रूपांतरण के बारे में सच नहीं। हेक्स और rgb() उन्हीं तीन संख्याओं की दो वर्तनियाँ हैं, लाल, हरे और नीले प्रकाश की मात्राएँ जो स्क्रीन को उत्सर्जित करनी चाहिए, हर एक 0 से 255 तक। कुछ भी अनुमानित नहीं है, और आर-पार की यात्रा वही लौटाती है जिससे शुरू हुई थी। पृष्ठ यह आपके ब्राउज़र में करता है, और कुछ अपलोड नहीं होता। नीचे आपको मिलेगा कि हर संख्या दो हेक्स अंक कैसे बनती है, पारदर्शिता कैसे साथ ले जाई जाती है, sRGB की सीमाएँ, वे जगहें जहाँ लोगों को RGB को HEX में बदलना पड़ता है, और कुछ आदतें जो परियोजना में रंगों को सुसंगत रखती हैं।
रूपांतरण कैसे काम करता है
हर संख्या दो हेक्स अंक बनती है
rgb(90, 70, 50) लीजिए। हर संख्या को सोलह से भाग दीजिए: 90 है 5 गुणा 16 जमा 10, और 10 अंक A है, इसलिए 90 बनता है 5A। 70 है 4 गुणा 16 जमा 6, इसलिए 46। 50 है 3 गुणा 16 जमा 2, इसलिए 32। तीनों जोड़ियाँ साथ रखिए और हैश चिह्न जोड़िए: #5A4632। पृष्ठ आपके टाइप करते ही यह आपके लिए करता है, और वाक्य rgb(90, 70, 50) = #5A4632 दिखाता है ताकि आप सत्यापित कर सकें।
आगे के शून्य
हर जोड़ी में दो अंक होने चाहिए। 16 से कम संख्या को आगे शून्य चाहिए: 7 बनता है 07, और 0 बनता है 00। इसलिए rgb(0, 7, 255) #0007FF है, #07FF नहीं, जिसका अर्थ बिल्कुल अलग होगा। शून्य भूल जाना हाथ से रूपांतरण करते समय सबसे आम ग़लती है।
परास
हर संख्या 0 और 255 के बीच होनी चाहिए। 255 से ऊपर का मान दो हेक्स अंकों में नहीं लिखा जा सकता, और ऋणात्मक मान का कोई अर्थ नहीं। अगर आपके कोड की गणना ने 270 या −5 दिया है, तो पहले उसे परास में सीमित कीजिए। कन्वर्टर भी यही करता है, ताकि वह कभी अमान्य कोड न बनाए।
रूपांतरण क्या रखता है और क्या नहीं रख सकता
यह रंग को ठीक-ठीक रखता है
हेक्स और rgb() उन्हीं तीन संख्याओं की दो वर्तनियाँ हैं, लाल, हरे और नीले के लिए 0 से 255, इसलिए कुछ भी अनुमानित नहीं है और आर-पार की यात्रा वही लौटाती है जिससे शुरू हुई थी। RGB को HEX में बदलिए और वापस, और आपके पास वही संख्याएँ हैं जिनसे आपने शुरू किया।
यह पारदर्शिता को साथ ले जाता है
पारदर्शिता का चौथा मान भी साथ ले जाया जाता है: #RRGGBBAA बनता है rgba(), और वापस। 0.5 की पारदर्शिता जोड़ी 80 बन जाती है, क्योंकि 255 का आधा लगभग 128 है, जो हेक्स में 80 है। इसलिए rgba(90, 70, 50, 0.5) #5A463280 है। आठ-अंकों का हेक्स सभी वर्तमान ब्राउज़रों द्वारा स्वीकार किया जाता है।
यह sRGB के बाहर के रंगों का वर्णन नहीं कर सकता
दोनों वर्तनियाँ sRGB का वर्णन करती हैं, वह रंग-स्थान जो स्क्रीन ने तीस वर्षों से उपयोग किया है। वे उसके बाहर के रंग का वर्णन नहीं कर सकतीं, जिसके लिए नए CSS संकेतन lab(), oklch() और color() मौजूद हैं। अगर आप चौड़े-परास उपकरण के रंग से शुरू करते हैं, तो जो तीन संख्याएँ आप कॉपी करते हैं वे पहले ही sRGB संस्करण हैं, और हेक्स उनके प्रति वफ़ादार है।
यह संक्षिप्त रूप नहीं रखता
जहाँ कोड तीन अंकों में लिखा जा सकता है, जैसे #AABBCC को #ABC, वहाँ कन्वर्टर लंबा रूप देता है। लंबा रूप हमेशा वैध है और वही रंग; छोटा रूप केवल पाठक की सुविधा है।
सामान्य रंग और उनके कोड
याद रखने के लिए कुछ
rgb(255, 255, 255) #FFFFFF है, सफ़ेद: तीनों प्रकाश पूरी शक्ति पर। rgb(0, 0, 0) #000000 है, काला: बिल्कुल प्रकाश नहीं। rgb(255, 0, 0) #FF0000 है, शुद्ध लाल; rgb(0, 255, 0) #00FF00 है और rgb(0, 0, 255) #0000FF। तीन बराबर संख्याओं वाला कोई भी रंग धूसर है, और उसके कोड में तीन बराबर जोड़ियाँ हैं: rgb(128, 128, 128) #808080 है।
वेब-सुरक्षित की आदत
पुरानी मार्गदर्शिकाएँ वेब-सुरक्षित रंगों की बात करती थीं, जिनकी जोड़ियाँ केवल 00, 33, 66, 99, CC या FF थीं। वे 256-रंग की स्क्रीनों के दिनों की हैं और उनके बचे रहने का कोई कारण नहीं। जो मान चाहें उपयोग कीजिए; स्क्रीन सब दिखा सकती है।
यहाँ RGB को HEX में कैसे बदलें
तीन संख्याएँ टाइप कीजिए
पहले क्षेत्र में रंग को rgb(90, 70, 50) के रूप में डालिए, या संख्याओं को अल्पविराम या रिक्त स्थान से अलग करके। प्रतिशत की ज़रूरत नहीं; 0 से 255 की संख्याएँ उपयोग कीजिए।
हेक्स कोड पढ़िए
उत्तर तुरंत दूसरे क्षेत्र में प्रकट होता है, हैश चिह्न से शुरू, बड़े अक्षरों में। अगर आपने पारदर्शिता का चौथा मान दिया, तो कोड में आठ अंक होते हैं।
इसे अपने काम में कॉपी कीजिए
कोड को स्टाइलशीट, टोकन फ़ाइल या संदेश में चिपकाइए। इसे अपने रंग-पट्ट के नोट में जोड़िए ताकि अगला रूपांतरण केवल एक खोज हो।
ये संकेतन कहाँ से आते हैं
हेक्स और RGB एक ही चीज़ हैं, दो बार लिखी
स्क्रीन रंग तीन संख्याएँ है, कितना लाल, हरा और नीला प्रकाश उत्सर्जित करना है, हर एक 0 से 255 तक, जो एक बाइट है। हेक्स बस उन बाइटों को सोलह के आधार में लिखता है, इसलिए #FF8800 और rgb(255, 136, 0) उसी पिक्सेल को वही निर्देश हैं।
HSL और CMYK
HSL का आविष्कार इसलिए हुआ कि दोनों में से कोई मनुष्य के लिए पठनीय नहीं: वह वर्ण को रंग-चक्र के चारों ओर कोण के रूप में देता है, संतृप्ति और चमक प्रतिशत के रूप में, ताकि डिज़ाइनर तीन आँकड़े दोबारा निकाले बिना कुछ हल्का बना सके। CMYK बिल्कुल अलग दुनिया का है, प्रकाश की जगह स्याही। वह व्यवकलनी है, चार छपाई प्लेटों से बना, और वह हर वह रंग नहीं पा सकता जो स्क्रीन पा सकती है, क्योंकि स्क्रीन प्रकाश उत्सर्जित करती है जबकि काग़ज़ केवल परावर्तित करता है। देखिए HEX से HSL और RGB से CMYK।
आप इनसे कहाँ मिलते हैं
डिज़ाइन हस्तांतरण में
डिज़ाइनर ऐसे एडिटर या पिकर में काम करता है जो rgb मान दिखाता है; डेवलपर को स्टाइलशीट के लिए हेक्स चाहिए। RGB को HEX में बदलना बीच का क़दम है, और रंग-पट्ट के हर रंग के लिए किया जाता है।
रंग गणना करने वाली स्क्रिप्टों में
जो स्क्रिप्ट दो रंग मिलाती है या एक को गहरा करती है वह संख्याओं से काम करती है और तीन के साथ समाप्त होती है। परिणाम को स्टाइलशीट में उपयोग करने या दिखाने के लिए उसे हेक्स कोड के रूप में लिखना होगा। कोड में हाथ से यह कुछ पंक्तियाँ है; कन्वर्टर से परिणाम जाँचना तेज़ है।
डेटा विज़ुअलाइज़ेशन में
चार्ट लाइब्रेरियाँ रंग हेक्स स्ट्रिंग के रूप में स्वीकार करती हैं। संख्यात्मक विधियों से बने रंग-पट्ट rgb त्रिक के रूप में निकलते हैं। एक रूपांतरण चरण एक को दूसरे में बदलता है।
दस्तावेज़ों और प्रस्तुतियों में
ऑफ़िस प्रोग्राम रंग RGB संख्याओं के रूप में दिखाते हैं; वेब एडिटर हेक्स चाहते हैं। जब ब्रांड रंग को दोनों में दिखना हो, तो रूपांतरण उन्हें एकसमान रखता है।
RGB को HEX में बदलते समय के जाल
आगे का शून्य भूल जाना
7 को 07 की जगह 7 लिखना बाद के हर अंक को खिसका देता है। हर जोड़ी में हमेशा दो अंक उपयोग कीजिए।
प्रतिशत को 0 से 255 से उलझाना
rgb(35%, 27%, 20%) संख्याओं की अलग वर्तनी है, 100 प्रतिशत 255 के बराबर के साथ। अगर आपका स्रोत प्रतिशत उपयोग करता है, तो पहले उन्हें 0 से 255 में बदलिए: 2.55 से गुणा कीजिए।
गणना किए रंगों में पूर्णांकन त्रुटियाँ
जो स्क्रिप्ट 127.5 बनाती है उसे तय करना होगा कि वह 127 है या 128। अंतर अदृश्य है, पर वह उस चीज़ के लिए दो कोड बनाता है जिसे आप एक रंग समझते थे। हर जगह एक ही तरह पूर्णांकित कीजिए।
स्क्रीनशॉट से रंग लेना
स्क्रीनशॉट से पढ़ा रंग स्क्रीन के रंग प्रबंधन और शायद संपीड़न से गुज़रा है। वह स्रोत से एक-दो क़दम भिन्न हो सकता है। जब हो सके तो डिज़ाइन फ़ाइल उपयोग कीजिए।
बदलने से पहले लोग जो प्रश्न पूछते हैं
हेक्स में rgb(255, 0, 0) क्या है?
#FF0000, शुद्ध लाल।
हेक्स में rgb(0, 0, 0) क्या है?
#000000, काला।
क्या मैं हेक्स कोड में छोटे अक्षर उपयोग कर सकता हूँ?
हाँ। #5a4632 और #5A4632 एक ही रंग हैं। पृष्ठ बड़े अक्षर लिखता है।
क्या रूपांतरण सटीक है?
हाँ। यह उन्हीं तीन संख्याओं की दो वर्तनियाँ हैं।
क्या मेरा रंग अपलोड होता है?
नहीं। गणित आपके ब्राउज़र में चलता है और कुछ कहीं नहीं भेजा जाता।
मैं वापस कैसे जाऊँ?
HEX से RGB के साथ, जो तीनों जोड़ियों को संख्याओं के रूप में पढ़ता है।
वे आदतें जो परियोजना में रंगों को सुसंगत रखती हैं
हर रंग एक बार परिभाषित कीजिए
अपना रंग-पट्ट कस्टम गुणों में रखिए, जैसे --brand: #5A4632, और रंगों को नाम से संदर्भित कीजिए। जब आप नए रंग के लिए RGB को HEX में बदलते हैं, तो आप एक पंक्ति जोड़ते हैं, और हर उपयोग उसके साथ चलता है।
एक अक्षर-रूप चुनिए
हेक्स कोड के लिए बड़े या छोटे अक्षर चुनिए और उस पर टिके रहिए। तब कोड में रंग की खोज भरोसेमंद है।
स्रोत दर्ज कीजिए
हर रंग के बग़ल में नोट कीजिए कि वह कहाँ से आया: ब्रांड मार्गदर्शिका, लोगो, नमूना की गई छवि। जब यह प्रश्न उठे कि रंग सही है या नहीं, तो आप जानते हैं कहाँ जाँचना है।
कॉन्ट्रास्ट परखिए
रंगीन पृष्ठभूमि पर पाठ के लिए, उपकरण से कॉन्ट्रास्ट अनुपात जाँचिए। rgb रूप की संख्याएँ सीधे सूत्र में जाती हैं, और हेक्स रूप वह है जो आप अधिकांश जाँचकर्ताओं में टाइप करते हैं।
256 क़दम क्यों, और संख्याओं के पीछे क्या है
हर प्रकाश के लिए आठ बिट
तीनों संख्याओं में से हर एक आठ बिट में संग्रहीत है, जो 0 से 255 तक 256 मान देता है। तीनों साथ 256 × 256 × 256 देते हैं, लगभग 16.7 मिलियन संयोजन, जो अधिकांश परिस्थितियों में आँख के भेद कर सकने से अधिक है। यही कारण है कि हेक्स कोड ठीक छह अंक लंबे होते हैं: हर प्रकाश के लिए दो, न अधिक न कम। जब आप RGB को HEX में बदलते हैं तो आप तीन बाइट उस सबसे संक्षिप्त रूप में लिख रहे होते हैं जिस पर लोग सहमत हो सके।
बराबर क़दम बराबर क्यों नहीं दिखते
संख्याएँ उस प्रकाश के अनुपाती नहीं जो आपकी आँख तक पहुँचता है। स्क्रीनें एक वक्र लगाती हैं, 2.2 के घात के क़रीब, ताकि गहरे स्वरों को 256 क़दमों में से चमकीले स्वरों से अधिक मिलें, जो आँख के अनुकूल है। 10 से 20 का क़दम 240 से 250 के क़दम से बड़े बदलाव जैसा दिखता है। आपके लिए इसका अर्थ है कि दो रंगों की संख्याओं का औसत लेना वह रंग नहीं देता जो आप प्रकाश मिलाकर देखते, एक तथ्य जो तब मायने रखता है जब आप कोड में ग्रेडिएंट और मिश्रण की गणना करते हैं।
धूसर और विकर्ण
सभी धूसर उस रेखा पर हैं जहाँ तीनों संख्याएँ बराबर हैं। उनमें से 256 हैं, 0 पर काले से 255 पर सफ़ेद तक। अगर आप RGB को HEX में बदलें और तीनों जोड़ियाँ मेल खाती हों, तो आप तुरंत जान लेते हैं कि रंग का कोई वर्ण नहीं है। एक-दो क़दम से भिन्न जोड़ियों वाला निकट-धूसर हल्का रंगत रखता है, जिसे डिज़ाइनर अक्सर तटस्थ रंग को गरमाहट या ठंडक का हल्का आभास देने के लिए उपयोग करते हैं।
रंग-पट्ट बनाना और जाँचना
मुट्ठी भर चुने रंगों से रंग-पट्ट तक
विशिष्ट रंग-पट्ट में एक प्राथमिक रंग, एक उच्चारण, पाठ के लिए एक तटस्थ, सतहों के लिए एक हल्का तटस्थ और सफलता तथा त्रुटि के लिए एक या दो संकेत रंग होते हैं। अपने डिज़ाइन उपकरण में हर एक चुनिए, उसकी rgb संख्याएँ पढ़िए, और स्टाइलशीट के लिए RGB को HEX में बदलिए। उन्हें भूमिका का वर्णन करने वाले नामों के साथ कस्टम गुणों के रूप में लिखिए, और रंग-पट्ट हर घटक में उपयोग के लिए तैयार है।
पाठ और पृष्ठभूमि के बीच कॉन्ट्रास्ट
पठनीय पाठ को अक्षरों और उनकी पृष्ठभूमि के बीच चमक में पर्याप्त अंतर चाहिए। सुलभता के दिशानिर्देश दोनों रंगों के लाल, हरे और नीले मानों से गणना किया कॉन्ट्रास्ट अनुपात परिभाषित करते हैं, और सामान्य पाठ के लिए कम से कम 4.5 से 1 माँगते हैं। जाँचकर्ता हेक्स कोड स्वीकार करते हैं, इसलिए जो कोड आप यहाँ बनाते हैं वे सीधे उनमें जा सकते हैं। हर उस जोड़ी को जाँचिए जिसे आप उपयोग करने की योजना बना रहे हैं, केवल सफ़ेद पर प्राथमिक रंग नहीं।
सूची को बदलना
जब आपको बदलने के लिए बहुत रंग हों, तो उन्हें एक-एक करके निपटाइए और हर परिणाम को नाम और उपयोग के साथ तालिका में चिपकाइए। हर रंग में एक मिनट लगता है, और तालिका पूरी परियोजना का संदर्भ बन जाती है। अगर कोई रंग बाद में बदला जाए, तो केवल उसकी पंक्ति बदलनी है।
हेक्स और rgb को तालमेल में रखना
अगर आपकी परियोजना कुछ रंग हेक्स के रूप में और अन्य rgb के रूप में सहेजती है, तो जब कोई एक को संपादित करके दूसरे को भूल जाए तो उनका अलग हो जाना आसान है। एक को मास्टर चुनिए, आमतौर पर हेक्स, और जब भी ज़रूरत हो कन्वर्टर से दूसरा निकालिए।
संबंधित कन्वर्टर
उपकरणों का वही परिवार पड़ोसी रूपांतरण ढकता है। वापस जाने के लिए HEX से RGB उपयोग कीजिए। वर्ण से वर्णित रंगों के लिए HEX से HSL और HSL से HEX हाथ में हैं, और छपाई के लिए RGB से CMYK, CMYK से RGB और CMYK से HEX। उसी स्टाइलशीट के आकारों के लिए px से rem लंबाइयों के लिए वही करता है जो यह पृष्ठ रंगों के लिए करता है।
एक हल किया उदाहरण
मान लीजिए इमेज एडिटर में कलर पिकर आपको बताता है कि तस्वीर का उच्चारण rgb(214, 98, 56) है। आप तीन संख्याएँ टाइप करते हैं और #D66238 पढ़ते हैं। स्टाइलशीट में आप --accent: #D66238 लिखते हैं और बटनों तथा लिंकों के लिए उपयोग करते हैं। सहकर्मी पूछता है कि ब्रांड मार्गदर्शिका में रंग क्या है, और आप कोड भेज देते हैं। बाद में आपको बैनर के लिए पारभासी संस्करण चाहिए, और आप उसे HEX से RGB से वापस बदलकर rgba(214, 98, 56, 0.15) बनाते हैं। दोनों रूपांतरण सटीक हैं, इसलिए बैनर बटन जैसा ही वर्ण है।
एक संक्षिप्त जाँच-सूची
बदलने से पहले
जाँचिए कि हर संख्या 0 और 255 के बीच है। तय कीजिए कि पारदर्शिता चाहिए या नहीं।
बदलते समय
तीन संख्याएँ टाइप कीजिए, कोड पढ़िए और उसे हैश चिह्न के साथ कॉपी कीजिए।
बदलने के बाद
रंग को संदर्भ में, असली पृष्ठभूमि पर, परखिए और उस पर बैठे किसी भी पाठ का कॉन्ट्रास्ट जाँचिए।
आम ग़लतियाँ
आगे का शून्य छोड़ देना
हर जोड़ी में दो अंक हैं। 7 है 07।
255 से ऊपर की संख्याएँ लिखना
उन्हें दो अंकों में नहीं लिखा जा सकता। पहले उन्हें सीमित कीजिए।
स्क्रीन को सच मानना
संख्याएँ सटीक हैं। दिखावट डिस्प्ले पर निर्भर करती है।
आपके रंग आपके उपकरण पर रहते हैं
गणना स्थानीय रूप से होती है। आपके मान आपके अपने ब्राउज़र द्वारा उपयोग होते हैं और कुछ कहीं नहीं भेजा जाता। बाद में हटाने को कुछ नहीं और बनाने को कोई खाता नहीं। RGB को HEX में बदलने का यही सीधा तरीक़ा है।
सारांश
यहाँ RGB को HEX में बदलने के लिए, तीन संख्याएँ टाइप कीजिए और हेक्स कोड तुरंत पढ़िए। रूपांतरण रंग को ठीक-ठीक रखता है: हेक्स और rgb() उन्हीं तीन संख्याओं की दो वर्तनियाँ हैं, लाल, हरे और नीले के लिए 0 से 255, इसलिए कुछ भी अनुमानित नहीं और आर-पार की यात्रा वही लौटाती है जिससे शुरू हुई थी। पारदर्शिता का चौथा मान भी साथ ले जाया जाता है, क्योंकि rgba() बनता है #RRGGBBAA, और वापस। दोनों वर्तनियाँ sRGB का वर्णन करती हैं, इसलिए वे उसके बाहर के रंगों का वर्णन नहीं कर सकतीं। हर जोड़ी में दो अंक हैं, इसलिए 16 से कम संख्या को आगे शून्य मिलता है। कुछ अपलोड नहीं होता।