HSL को HEX में बदलना Hue Saturation Lightness ↔ Hexadecimal मुफ़्त ऑनलाइन सुरक्षित
HSL में कोई मान लिखिए और उसे वहीं HEX में पढ़ लीजिए। हिसाब आपके ब्राउज़र में होता है, कहीं कुछ नहीं भेजा जाता, और उत्तर किस पर निर्भर है यह मान नहीं लिया जाता, नीचे लिखा है।
कुछ भी अपलोड नहीं
ये लेखन-रीतियाँ कहाँ से आईं
हेक्स और RGB एक ही वस्तु हैं, दो बार लिखी हुई। परदे का रंग तीन संख्याएँ हैं — कितना लाल, हरा और नीला प्रकाश छोड़ना है — प्रत्येक 0 से 255 तक, अर्थात एक बाइट; हेक्स उन्हीं बाइटों को सोलह के आधार पर लिख देता है, सो #FF8800 और rgb(255, 136, 0) एक ही पिक्सेल को दिया गया एक ही आदेश हैं। HSL इसलिए गढ़ा गया कि इनमें से कोई भी मनुष्य के पढ़ने योग्य नहीं: वह वर्ण को वर्णचक्र पर एक कोण के रूप में, और संतृप्ति तथा दीप्ति को प्रतिशत में देता है, सो अभिकल्पक तीन अंक फिर से जोड़े बिना किसी वस्तु को हल्का कर सकता है। CMYK सर्वथा दूसरे संसार का है — स्याही का, प्रकाश का नहीं। वह व्यवकलनात्मक है, चार मुद्रण-पट्टों से बना, और परदे के हर रंग तक नहीं पहुँच सकता, क्योंकि परदा प्रकाश छोड़ता है जबकि कागज़ उसे केवल लौटाता है।
ये आपको कहाँ मिलती हैं
हेक्स वह है जो आप स्टाइलशीट में टाइप करते हैं और जो अभिकल्प का औज़ार आपको थमाता है। RGB वहाँ प्रकट होता है जहाँ रंग को गणित चाहिए: क्रमिक छटाएँ, पारदर्शिता, वह कोड जो कोई आभा निकाले। HSL की ओर हाथ तब बढ़ता है जब रंगपट्टिका हाथ से सँवारी जाए, क्योंकि चाहे गए परिवर्तन प्रायः उसके तीन अंकों में से एक के परिवर्तन होते हैं। CMYK वह है जो छापाखाना माँगता है, और उसमें रूपांतरण वही क्षण है जब कोई अभिकल्प प्रकाश रहना छोड़कर स्याही बन जाता है।
अक्सर पूछे जाने वाले प्रश्न
मेरा CMYK परिणाम छापाखाने के दिए से भिन्न क्यों है?
क्योंकि एक ही सही रूपांतरण होता ही नहीं। इस पृष्ठ का गणित सरल और उपकरण-निरपेक्ष है, और जब आपको आरंभ-बिंदु या मोटा समतुल्य चाहिए तो वही ठीक उत्तर है। छापाखाना एक वर्ण-प्रालेख के द्वारा रूपांतरण करता है जो विशिष्ट स्याही, कागज़ और मशीन को गिनता है; वही RGB रंग चिकने कागज़ पर और बिना लेप के कागज़ पर भिन्न CMYK मान देगा। जिसे ठीक मिलना ही चाहिए, उसके लिए किसी सूत्र पर भरोसा करने के बजाय छापाखाने से उनका प्रालेख माँगें।
परदे के कुछ रंग छप क्यों नहीं सकते?
क्योंकि दोनों एक ही रंगों तक नहीं पहुँचते। परदा प्रकाश जोड़कर रंग बनाता है और ऐसा चटक, संतृप्त आसमानी या हरा दे सकता है जिसकी स्याही बराबरी ही नहीं कर सकती; कागज़ प्रकाश सोखकर रंग बनाता है, और अधिक से अधिक जितना उजला हो सकता है वह पन्ने की सफ़ेदी है। प्रत्येक जिन रंगों तक पहुँचता है उस समुच्चय को गैमट कहते हैं, और जहाँ वे एक-दूसरे पर नहीं चढ़ते, वहाँ रूपांतरण को उपलब्ध निकटतम रंग चुनना पड़ता है। इसीलिए परदे पर चटक रंग छपकर प्रायः कुछ फीका दिखता है।
क्या उत्तर सटीक है?
जहाँ दोनों इकाइयाँ एक-दूसरे से पूर्ण संख्याओं में परिभाषित हैं, वहाँ हाँ — पृष्ठ यह बात संख्या के ऊपर कहता है, और एकमात्र गोलाई इसमें है कि कितने अंक दिखाए जाएँ। जहाँ अनुपात का दशमलव समाप्त नहीं होता, पृष्ठ बारह सार्थक अंक दिखाता है और कहता है कि संबंध सन्निकट है, कुछ और होने का ढोंग नहीं करता।
क्या मेरा लिखा हुआ मेरे उपकरण से बाहर जाता है?
नहीं। गणना आपके ही ब्राउज़र में होती है; कुछ भी अपलोड नहीं होता, और करने के लिए कोई सर्वर है भी नहीं। पृष्ठ एक बार खुल जाने पर नेटवर्क बंद होने पर भी चलता है।
आप HSL को HEX में क्यों बदलते हैं
आपने किसी रंग को HSL में तय किया, क्योंकि वही संकेतन है जिसमें आप सोच सकते हैं: रंगत 30, संतृप्ति 29%, हल्कापन 28%, दबा हुआ भूरा, और होवर स्थिति के लिए 34% पर हल्का संस्करण। अब रंग को ऐसी जगह जाना है जो हेक्स कोड माँगती है: डिज़ाइन टोकन फ़ाइल, ब्रांड शीट, ऐसा औज़ार जो hsl() नहीं समझता, ईमेल टेम्पलेट, सहकर्मी को संदेश। HSL को HEX में बदलना उस रंग को, जिस पर आपने तर्क किया, ऐसे रूप में लिखना है जो छोटा है, अस्पष्टता-रहित है और सब कुछ द्वारा समझा जाता है।
रूपांतरण उस दिशा के उलटे में काम करता है जिससे डिज़ाइनर पहले मिलते हैं। वह तीन मनुष्य-अनुकूल संख्याओं से शुरू होकर तीन बाइटों पर पहुँचता है। हर क़दम सीधा अंकगणित है, पर उसमें त्रिकोणमिति-जैसे कुछ मामले और पूर्णांकन शामिल हैं, इसीलिए लोग इसे दूसरे से करवाना पसंद करते हैं। पृष्ठ इसे आपके ब्राउज़र में करता है, और कुछ अपलोड नहीं होता। नीचे आपको मिलेगा कि तीन संख्याएँ छह हेक्स अंक कैसे बनती हैं, रूपांतरण क्या रखता है, HSL से गुज़रा रंग अपनी शुरुआत से एक-दो क़दम दूर क्यों उतर सकता है, डिज़ाइनर रूपांतरण का उपयोग किन तरीक़ों से करते हैं, और बचने के जाल।
रूपांतरण कैसे काम करता है
रंगत, संतृप्ति और हल्केपन से लाल, हरे और नीले तक
परिवर्तक पहले क्रोमा निकालता है, यानी रंग धूसर से कितनी दूर है: वह संतृप्ति के साथ बढ़ता है और हल्कापन 50% से दूर जाने पर घटता है। फिर वह रंगत को रंग-चक्र के छह खंडों में से एक में रखता है, हर एक 60 अंश चौड़ा, और खंड से तय करता है कि तीनों चैनलों में कौन अधिकतम पर है, कौन न्यूनतम पर और कौन बीच में। अंत में वह एक स्थिरांक जोड़ता है ताकि हल्कापन सही निकले, तीनों मानों को 0 से 1 के परास से 0 से 255 तक बढ़ाता है और हर एक को पूर्ण संख्या में पूर्णांकित करता है। उन तीन बाइटों को सोलह-आधार में लिखा जाता है, हर एक दो अंकों में।
संख्याओं के साथ एक उदाहरण
hsl(30, 29%, 28%) लीजिए। क्रोमा है (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624। 30 अंश की रंगत पहले खंड के आधे रास्ते पर है, इसलिए मध्य चैनल क्रोमा का आधा है, 0.0812। जोड़ने का स्थिरांक है 0.28 − 0.0812 = 0.1988। तो लाल है 0.1624 + 0.1988 = 0.3612, हरा है 0.0812 + 0.1988 = 0.28 और नीला है 0.1988। 255 से गुणा और पूर्णांकन पर ये 92, 71 और 51 हैं। हेक्स में यह #5C4733 है।
धूसर
जब संतृप्ति 0% हो, तो रंगत जो भी हो रंग धूसर है, और तीनों बाइट बराबर हैं। hsl(0, 0%, 50%) #808080 है। रंगत नज़रअंदाज़ होती है, इसलिए कोई भी रंगत संख्या वही धूसर देती है।
रूपांतरण क्या रखता है और क्या नहीं रख सकता
यह रंग को वैसा रखता है जैसा आपने वर्णित किया
परिणाम वह रंग है जिसकी रंगत, संतृप्ति और हल्कापन आपने दिए, बाइटों के रूप में लिखा। आपकी टाइप की तीन संख्याएँ वह रंग हैं जैसे आँख उसे छाँटती है, चक्र पर एक रंगत, कितना संतृप्त, कितना हल्का। इसीलिए HSL रखने लायक़ है, और रूपांतरण आपकी पसंद को वफ़ादारी से हेक्स तक ले जाता है।
यह वापसी पर वही संख्याओं का वादा नहीं कर सकता
दोनों समान रंगों का वर्णन करते हैं, पर HSL उन तक अलग ज्यामिति से पहुँचता है और उसकी तीनों संख्याएँ लिखते समय पूर्ण अंशों और पूर्ण प्रतिशतों तक पूर्णांकित होती हैं। इसलिए HSL में ले जाया और वापस लाया रंग अपनी शुरुआत से एक या दो क़दम दूर उतर सकता है: दृश्य रूप से वही, बाइट-दर-बाइट वही नहीं। हमारे उदाहरण में #5A4632 ऐसा रंग था जिसका HSL लगभग hsl(30, 29%, 28%) है; उन पूर्णांकित आँकड़ों को वापस बदलने पर #5C4733 मिलता है, लाल में दो क़दम दूर। अगर आपको सटीक बाइट चाहिए, तो हेक्स रखिए।
प्रतिशत और अंश चिह्न
पृष्ठ रंगत को अंशों में और संतृप्ति तथा हल्केपन को प्रतिशत में पढ़ता है। आप उन्हें चिह्नों के साथ या बिना लिख सकते हैं। 360 से ऊपर या 0 से नीचे की रंगत चक्र के गिर्द लपेट दी जाती है, इसलिए 390 वही है जो 30।
व्यावहारिक उपयोग
डिज़ाइन टोकन फ़ाइल लिखना
डिज़ाइन प्रणाली रंगों को टोकन के रूप में संग्रहीत करती है। कई टीमें रंग HSL में बनाती हैं, क्योंकि वे उन पर तर्क कर सकती हैं, और उन्हें हेक्स में प्रकाशित करती हैं, क्योंकि हर औज़ार उसे पढ़ता है। हर टोकन के लिए एक बार HSL को HEX में बदलिए, और प्रकाशित फ़ाइल ऐसी चीज़ है जो सब उपयोग कर सकते हैं।
उन औज़ारों के लिए रंग बनाना जो hsl() नहीं पढ़ते
ईमेल क्लाइंट, कुछ दस्तावेज़ संपादक, पुराने ग्राफ़िक्स प्रोग्राम और कई चार्ट लाइब्रेरी केवल हेक्स स्वीकारती हैं। जो आपने HSL में तय किया उसे उनके उपयोग से पहले बदलना होगा।
उत्पन्न पैलेट की जाँच
रंगत घुमाकर पैलेट बनाने वाली स्क्रिप्ट hsl() मानों की सूची देती है। उन्हें उन कोडों के रूप में देखने के लिए जो आप स्टाइलशीट में डालेंगे या डिज़ाइनर को देंगे, हर एक को हेक्स में बदलिए। यह आपको वे मान देखने भी देता है जो एक ही कोड तक पूर्णांकित होते हैं और इसलिए असल में अलग नहीं।
संदेश में रंग साझा करना
हेक्स कोड छोटा है, नक़ल करने योग्य है और रंग के साथ काम करने वाले लगभग हर व्यक्ति द्वारा समझा जाता है। hsl() मान लंबा है और डिज़ाइन के बाहर कम परिचित। जब आप किसी को रंग भेजें, तो हेक्स शिष्ट रूप है।
यहाँ HSL को HEX में कैसे बदलें
hsl मान टाइप या पेस्ट कीजिए
पहले क्षेत्र में रंग hsl(30, 29%, 28%) के रूप में दर्ज कीजिए, या केवल तीन संख्याएँ। रंगत अंशों में है, संतृप्ति और हल्कापन प्रतिशत में।
हेक्स कोड पढ़िए
उत्तर तुरंत आता है, जैसे hsl(30, 29%, 28%) = #5C4733। वह बड़े अक्षरों और हैश चिह्न के साथ लिखा होता है।
उसे अपने काम में नक़ल कीजिए
कोड को अपनी स्टाइलशीट, टोकन फ़ाइल या संदेश में उपयोग कीजिए। उलटी दिशा के लिए HEX से HSL एक क्लिक दूर है।
ये संकेतन कहाँ से आते हैं
हेक्स और RGB एक ही चीज़ हैं, दो बार लिखी
स्क्रीन का रंग तीन संख्याएँ है, कितना लाल, हरा और नीला प्रकाश उत्सर्जित करना है, हर एक 0 से 255, जो एक बाइट है। हेक्स बस उन बाइटों को सोलह-आधार में लिखता है। संख्याएँ देखने के लिए HEX को RGB में बदलिए।
HSL और CMYK
HSL इसलिए बना कि दोनों में से कोई मनुष्य को पढ़ने योग्य नहीं: यह रंग-चक्र के गिर्द कोण के रूप में रंगत देता है, संतृप्ति और हल्कापन प्रतिशत में, ताकि डिज़ाइनर तीन आँकड़ों की दोबारा गणना किए बिना कुछ हल्का बना सके। CMYK बिल्कुल अलग दुनिया का है, प्रकाश के बजाय स्याही। वह घटाव वाला है, चार छपाई प्लेटों से बना, और स्क्रीन के हर रंग तक नहीं पहुँच सकता, क्योंकि स्क्रीन प्रकाश उत्सर्जित करती है जबकि काग़ज़ उसे केवल परावर्तित करता है।
HSL को HEX में बदलते समय जाल
मूल कोड वापस मिलने की अपेक्षा
अगर आपने हेक्स कोड से शुरू किया, उसे HSL में बदला, कुछ समायोजित नहीं किया और वापस बदला, तो आपको एक-दो क़दम दूर अलग कोड मिल सकता है। एकल रंग के लिए वह अदृश्य है। डिज़ाइन प्रणाली के लिए तय कीजिए कि कौन-सा रूप मास्टर है, और दूसरे को व्युत्पन्न मानिए।
संतृप्ति और हल्केपन को उलझाना
दोनों को ग़लती से बदल देना आसान है: hsl(30, 28%, 29%), hsl(30, 29%, 28%) नहीं है। क्रम रंगत, संतृप्ति, हल्कापन है। अगर स्क्रीन का रंग आपकी अपेक्षा जैसा न दिखे, तो जाँचिए कि कहीं आपने उन्हें उलट तो नहीं दिया।
यह भूलना कि हल्कापन चमक नहीं है
समान हल्केपन के दो रंग चमक में अलग दिख सकते हैं। 50% हल्केपन पर पीला 50% पर नीले से कहीं अधिक चमकीला दिखता है। अगर आप पाठ और पृष्ठभूमि के लिए रंग चुन रहे हैं, तो उनका कंट्रास्ट उचित औज़ार से जाँचिए, हल्केपन की संख्याओं की तुलना से नहीं।
परास के बाहर के मान उपयोग करना
संतृप्ति और हल्कापन 0 से 100 प्रतिशत तक सीमित हैं। उस परास के बाहर के मान काट दिए जाते हैं। 120% का हल्कापन सफ़ेद से अधिक उजला नहीं है; वह सफ़ेद है।
बदलने से पहले लोग जो प्रश्न पूछते हैं
हेक्स में hsl(0, 100%, 50%) क्या है?
#FF0000, शुद्ध लाल।
हेक्स में hsl(0, 0%, 100%) क्या है?
#FFFFFF, सफ़ेद।
क्या मैं दशमलव उपयोग कर सकता हूँ?
हाँ। hsl(30.5, 28.6%, 27.8%) स्वीकार है। परिणाम पूर्ण बाइटों तक पूर्णांकित होता है।
क्या रूपांतरण सटीक है?
वह आपकी टाइप की संख्याओं के लिए सटीक बाइट देता है, पूर्ण मानों तक पूर्णांकित। वापस जाना एक क़दम दूर उतर सकता है, क्योंकि HSL संख्याएँ पूर्णांकित थीं।
क्या मेरा रंग अपलोड होता है?
नहीं। अंकगणित आपके ब्राउज़र में चलता है और कुछ कहीं नहीं भेजा जाता।
मैं वापस कैसे जाऊँ?
HEX से HSL के साथ।
HSL को HEX में बदलते समय समझदारी से चुनना
तय कीजिए कि कौन-सा रूप मास्टर है
अगर आप HSL में डिज़ाइन करते हैं, तो HSL मानों को स्रोत रखिए और हेक्स को आउटपुट के रूप में प्रकाशित कीजिए। अगर ब्रांड आपको हेक्स देता है, तो उसे रखिए और HSL केवल विविधताओं के लिए उपयोग कीजिए। दोनों को बराबर स्रोतों के रूप में मिलाना ही वह है जो बहाव पैदा करता है।
विविधता के लिए HSL, स्थिर करने के लिए हेक्स
जब आपको रंगतों का परिवार चाहिए, तो HSL में काम कीजिए। जब आपको रंग को इस तरह स्थिर करना हो कि वह हर औज़ार में एक-सा हो, तो उसे हेक्स के रूप में लिखिए।
अपनी टाइप की संख्याएँ रखिए
पैलेट नोट में हेक्स के बग़ल में HSL मान दर्ज कीजिए। अगर कोई बाद में हल्का संस्करण चाहे, तो वह आपकी संख्याओं से शुरू कर सकता है, पहले से पूर्णांकित कोड से नहीं।
चक्र के छह खंड
कौन-सा चैनल ऊँचा है, कौन-सा नीचा
रूपांतरण चक्र को 60 अंश के छह खंडों में बाँटता है, और हर एक में एक चैनल अधिकतम पर है, एक न्यूनतम पर और तीसरा सहजता से बदलता है। 0 से 60 तक, लाल अधिकतम है, नीला न्यूनतम और हरा चढ़ता है: लाल पीला हो जाता है। 60 से 120 तक, हरा अधिकतम है और लाल गिरता है: पीला हरा हो जाता है। 120 से 180 तक, हरा ऊँचा रहता है और नीला चढ़ता है: हरा सियान हो जाता है। 180 से 240 तक, नीला कमान सँभालता है और हरा गिरता है। 240 से 300 तक, नीला ऊँचा रहता है और लाल चढ़ता है: नीला मैजेंटा हो जाता है। 300 से 360 तक, लाल फिर कमान सँभालता है और नीला गिरता है। जब आप HSL को HEX में बदलें, तो जानना कि आपकी रंगत किस खंड में है मदद करता है, क्योंकि वह बताता है कि उत्तर में तीन जोड़ों में कौन-सा सबसे बड़ा होगा।
उत्तर में पारिवारिक समानता क्यों है
समान रंगत और संतृप्ति पर अलग हल्केपन वाले रंग ऐसे हेक्स कोड देते हैं जो रिश्तेदारों जैसे दिखते हैं: कौन-सा जोड़ा ऊँचा और कौन-सा नीचा, इसका वही पैटर्न, बस ऊपर या नीचे पैमाने पर। #5C4733, #7A5F44 और #A38461 सब एक ही परिवार में हैं, लाल सबसे बड़ा, फिर हरा, फिर नीला। आप इसे एक नज़र में पढ़ना सीख सकते हैं, और इससे ग़लतियाँ पकड़ना आसान हो जाता है।
हल्केपन की ढलान बनाना
एक रंगत, नौ सीढ़ियाँ
रूपांतरण का बहुत व्यावहारिक उपयोग एक रंग की ढलान बनाना है, बहुत हल्के से बहुत गहरे तक, जैसा पैमाना डिज़ाइन प्रणालियाँ 50, 100, 200 और आगे 900 तक लेबल करती हैं। रंगत और संतृप्ति चुनिए, और हल्केपन को 96, 90, 80, 70, 60, 50, 40, 30 और 20 प्रतिशत जैसे मानों से गुज़ारिए। हर क़दम के लिए HSL को HEX में बदलिए, और आपके पास साथ के नौ कोड हैं। सबसे हल्के और सबसे गहरे क़दमों पर संतृप्ति थोड़ी घटाना, कुछ अंक, अक्सर स्थिर रखने से अधिक स्वाभाविक दिखता है।
सीढ़ियों का नामकरण
हर क़दम को ऐसा नाम दीजिए जो उसकी भूमिका दर्ज करे, मान नहीं: सबसे हल्के के लिए surface, अगले के लिए border, सबसे गहरे के लिए text। कोड में नाम अगले पाठक को बताता है कि रंग किस लिए है, और आप उसके पीछे की संख्या उन नियमों को छुए बिना बदल सकते हैं जो उसे उपयोग करते हैं।
हल्की और गहरी थीम
ढलान का दर्पण
गहरी थीम अक्सर वह हल्की थीम होती है जिसकी ढलान उलट दी गई हो: हल्की थीम में सबसे हल्का क़दम पृष्ठ की पृष्ठभूमि बनता है और गहरी में सबसे गहरा पृष्ठभूमि। अगर आपने ढलान HSL में बनाई, तो गहरी थीम में दूसरे रूपांतरण-सेट के सिवा आपको कुछ नहीं लगता। रंगत स्थिर रखिए, जो ब्रांड का चरित्र बचाती है, और संतृप्ति थोड़ी समायोजित कीजिए, क्योंकि संतृप्त रंग गहरी पृष्ठभूमि पर कठोर लगते हैं।
दोनों थीम जाँचना
दोनों थीमों के हर पाठ और पृष्ठभूमि जोड़े का कंट्रास्ट परखिए। जो रंग सफ़ेद पर चलता है वह लगभग-काले पर विफल हो सकता है, और जाँच में कंट्रास्ट औज़ार और आपके अभी बनाए हेक्स कोडों से एक मिनट लगता है।
जब आपके पास रंग का केवल मोटा अंदाज़ा हो
चक्र से शुरू कीजिए, फिर परिष्कृत कीजिए
कभी आपके पास हेक्स कोड होता ही नहीं, केवल विचार होता है: शांत नीला, गर्म नारंगी, ताज़ा हरा। HSL शुरू करने की अच्छी जगह है, क्योंकि आप चक्र के मील-पत्थरों से रंगत चुन सकते हैं, मध्यम संतृप्ति और बीच का हल्कापन तय कर सकते हैं, और फिर HSL को HEX में बदलकर देख सकते हैं कि आपके पास क्या है। अगर बहुत तेज़ लगे तो संतृप्ति घटाइए; अगर सपाट लगे तो हल्कापन खिसकाइए। हर प्रयास में सेकंड लगते हैं, और अंत में आपके पास हेक्स कोड होता है जिसे सीधे स्टाइलशीट में डाला जा सकता है।
संबंधित परिवर्तक
औज़ारों का वही परिवार पड़ोसी रूपांतरणों को ढकता है। वापस जाने के लिए HEX से HSL उपयोग कीजिए। कोड के पीछे की संख्याओं के लिए HEX से RGB और RGB से HEX हैं, और छपाई के लिए HEX से CMYK और CMYK से HEX। उसी स्टाइलशीट के आकारों के लिए px से rem लंबाइयों के लिए वही करता है जो यह पृष्ठ रंगों के लिए करता है।
एक हल किया उदाहरण
मान लीजिए आपने किसी ऐप की सफलता स्थिति के लिए हरा चुना है: hsl(145, 55%, 38%)। आप उसे टाइप करते हैं और #2C9658 पढ़ते हैं। आप उस कोड को टोकन फ़ाइल में --success के रूप में उपयोग करते हैं। सफलता सूचना की पृष्ठभूमि के लिए आप वही रंगत लेते हैं, hsl(145, 45%, 94%), और #E9F7EF पढ़ते हैं। किनारे के लिए hsl(145, 45%, 78%), जो #AEE0C3 पढ़ा जाता है। तीन कोड, एक रंगत, सब एक मिनट में निकाले, और हर एक सादा हेक्स कोड जिसे टीम का कोई भी औज़ार खोल सकता है।
एक संक्षिप्त जाँच-सूची
बदलने से पहले
तीनों संख्याओं का क्रम जाँचिए: रंगत, संतृप्ति, हल्कापन। तय कीजिए कि कौन-सा रूप आपका मास्टर है।
बदलते समय
मान टाइप कीजिए, हेक्स पढ़िए और उसे हैश चिह्न के साथ नक़ल कीजिए।
बदलने के बाद
रंग को स्क्रीन पर संदर्भ में देखिए, और बाद के लिए कोड के बग़ल में HSL मान नोट कीजिए।
आम ग़लतियाँ
संतृप्ति और हल्केपन को बदल देना
क्रम रंगत, संतृप्ति, हल्कापन है।
पुराना हेक्स लौटने की अपेक्षा
वह एक क़दम दूर उतर सकता है। अगर मायने रखता है तो मूल रखिए।
कंट्रास्ट की जगह हल्केपन की तुलना
पाठ और पृष्ठभूमि के लिए कंट्रास्ट औज़ार उपयोग कीजिए।
आपके रंग आपके उपकरण पर रहते हैं
गणना स्थानीय रूप से होती है। आपके मान आपके अपने ब्राउज़र द्वारा उपयोग होते हैं और कुछ कहीं नहीं भेजा जाता। बाद में हटाने को कुछ नहीं और बनाने को कोई खाता नहीं। HSL को HEX में बदलने का सीधा तरीक़ा यही है।
सारांश
यहाँ HSL को HEX में बदलने के लिए अंशों में रंगत और प्रतिशत में संतृप्ति तथा हल्कापन टाइप कीजिए, और हेक्स कोड तुरंत पढ़िए। रूपांतरण रंग को वैसा रखता है जैसे आँख उसे छाँटती है: चक्र पर एक रंगत, कितना संतृप्त, कितना हल्का। दोनों संकेतन समान रंगों का वर्णन करते हैं, पर HSL उन तक अलग ज्यामिति से पहुँचता है और उसकी तीनों संख्याएँ पूर्ण अंशों और पूर्ण प्रतिशतों तक पूर्णांकित होती हैं, इसलिए HSL में ले जाया और वापस लाया रंग अपनी शुरुआत से एक या दो क़दम दूर उतर सकता है। अगर आपको सटीक बाइट चाहिए, तो हेक्स रखिए। कुछ अपलोड नहीं होता।