HEX को RGB में बदलना Hexadecimal ↔ Red Green Blue मुफ़्त ऑनलाइन सुरक्षित
HEX में कोई मान लिखिए और उसे वहीं RGB में पढ़ लीजिए। हिसाब आपके ब्राउज़र में होता है, कहीं कुछ नहीं भेजा जाता, और उत्तर किस पर निर्भर है यह मान नहीं लिया जाता, नीचे लिखा है।
कुछ भी अपलोड नहीं
ये लेखन-रीतियाँ कहाँ से आईं
हेक्स और RGB एक ही वस्तु हैं, दो बार लिखी हुई। परदे का रंग तीन संख्याएँ हैं — कितना लाल, हरा और नीला प्रकाश छोड़ना है — प्रत्येक 0 से 255 तक, अर्थात एक बाइट; हेक्स उन्हीं बाइटों को सोलह के आधार पर लिख देता है, सो #FF8800 और rgb(255, 136, 0) एक ही पिक्सेल को दिया गया एक ही आदेश हैं। HSL इसलिए गढ़ा गया कि इनमें से कोई भी मनुष्य के पढ़ने योग्य नहीं: वह वर्ण को वर्णचक्र पर एक कोण के रूप में, और संतृप्ति तथा दीप्ति को प्रतिशत में देता है, सो अभिकल्पक तीन अंक फिर से जोड़े बिना किसी वस्तु को हल्का कर सकता है। CMYK सर्वथा दूसरे संसार का है — स्याही का, प्रकाश का नहीं। वह व्यवकलनात्मक है, चार मुद्रण-पट्टों से बना, और परदे के हर रंग तक नहीं पहुँच सकता, क्योंकि परदा प्रकाश छोड़ता है जबकि कागज़ उसे केवल लौटाता है।
ये आपको कहाँ मिलती हैं
हेक्स वह है जो आप स्टाइलशीट में टाइप करते हैं और जो अभिकल्प का औज़ार आपको थमाता है। RGB वहाँ प्रकट होता है जहाँ रंग को गणित चाहिए: क्रमिक छटाएँ, पारदर्शिता, वह कोड जो कोई आभा निकाले। HSL की ओर हाथ तब बढ़ता है जब रंगपट्टिका हाथ से सँवारी जाए, क्योंकि चाहे गए परिवर्तन प्रायः उसके तीन अंकों में से एक के परिवर्तन होते हैं। CMYK वह है जो छापाखाना माँगता है, और उसमें रूपांतरण वही क्षण है जब कोई अभिकल्प प्रकाश रहना छोड़कर स्याही बन जाता है।
अक्सर पूछे जाने वाले प्रश्न
मेरा CMYK परिणाम छापाखाने के दिए से भिन्न क्यों है?
क्योंकि एक ही सही रूपांतरण होता ही नहीं। इस पृष्ठ का गणित सरल और उपकरण-निरपेक्ष है, और जब आपको आरंभ-बिंदु या मोटा समतुल्य चाहिए तो वही ठीक उत्तर है। छापाखाना एक वर्ण-प्रालेख के द्वारा रूपांतरण करता है जो विशिष्ट स्याही, कागज़ और मशीन को गिनता है; वही RGB रंग चिकने कागज़ पर और बिना लेप के कागज़ पर भिन्न CMYK मान देगा। जिसे ठीक मिलना ही चाहिए, उसके लिए किसी सूत्र पर भरोसा करने के बजाय छापाखाने से उनका प्रालेख माँगें।
परदे के कुछ रंग छप क्यों नहीं सकते?
क्योंकि दोनों एक ही रंगों तक नहीं पहुँचते। परदा प्रकाश जोड़कर रंग बनाता है और ऐसा चटक, संतृप्त आसमानी या हरा दे सकता है जिसकी स्याही बराबरी ही नहीं कर सकती; कागज़ प्रकाश सोखकर रंग बनाता है, और अधिक से अधिक जितना उजला हो सकता है वह पन्ने की सफ़ेदी है। प्रत्येक जिन रंगों तक पहुँचता है उस समुच्चय को गैमट कहते हैं, और जहाँ वे एक-दूसरे पर नहीं चढ़ते, वहाँ रूपांतरण को उपलब्ध निकटतम रंग चुनना पड़ता है। इसीलिए परदे पर चटक रंग छपकर प्रायः कुछ फीका दिखता है।
क्या उत्तर सटीक है?
जहाँ दोनों इकाइयाँ एक-दूसरे से पूर्ण संख्याओं में परिभाषित हैं, वहाँ हाँ — पृष्ठ यह बात संख्या के ऊपर कहता है, और एकमात्र गोलाई इसमें है कि कितने अंक दिखाए जाएँ। जहाँ अनुपात का दशमलव समाप्त नहीं होता, पृष्ठ बारह सार्थक अंक दिखाता है और कहता है कि संबंध सन्निकट है, कुछ और होने का ढोंग नहीं करता।
क्या मेरा लिखा हुआ मेरे उपकरण से बाहर जाता है?
नहीं। गणना आपके ही ब्राउज़र में होती है; कुछ भी अपलोड नहीं होता, और करने के लिए कोई सर्वर है भी नहीं। पृष्ठ एक बार खुल जाने पर नेटवर्क बंद होने पर भी चलता है।
आप 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 में बदलना हो, तो आप दोबारा निकालने के बजाय देख सकते हैं, और पैलेट सुसंगत रहता है।
रंगों के नाम भूमिका से रखिए
प्राथमिक, सतह और चेतावनी जैसे नाम हरा या भूरा जैसे नामों से पुनर्रचना में बेहतर टिकते हैं। रूपांतरण आपको संख्याएँ देता है; नाम बताता है कि वे किस लिए हैं।
संबंधित परिवर्तक
औज़ारों का वही परिवार पड़ोसी रूपांतरणों को ढकता है। वापस जाने के लिए 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 आता है। कुछ अपलोड नहीं होता।