HEX को HSL में बदलना Hexadecimal ↔ Hue Saturation Lightness मुफ़्त ऑनलाइन सुरक्षित
HEX में कोई मान लिखिए और उसे वहीं HSL में पढ़ लीजिए। हिसाब आपके ब्राउज़र में होता है, कहीं कुछ नहीं भेजा जाता, और उत्तर किस पर निर्भर है यह मान नहीं लिया जाता, नीचे लिखा है।
कुछ भी अपलोड नहीं
ये लेखन-रीतियाँ कहाँ से आईं
हेक्स और RGB एक ही वस्तु हैं, दो बार लिखी हुई। परदे का रंग तीन संख्याएँ हैं — कितना लाल, हरा और नीला प्रकाश छोड़ना है — प्रत्येक 0 से 255 तक, अर्थात एक बाइट; हेक्स उन्हीं बाइटों को सोलह के आधार पर लिख देता है, सो #FF8800 और rgb(255, 136, 0) एक ही पिक्सेल को दिया गया एक ही आदेश हैं। HSL इसलिए गढ़ा गया कि इनमें से कोई भी मनुष्य के पढ़ने योग्य नहीं: वह वर्ण को वर्णचक्र पर एक कोण के रूप में, और संतृप्ति तथा दीप्ति को प्रतिशत में देता है, सो अभिकल्पक तीन अंक फिर से जोड़े बिना किसी वस्तु को हल्का कर सकता है। CMYK सर्वथा दूसरे संसार का है — स्याही का, प्रकाश का नहीं। वह व्यवकलनात्मक है, चार मुद्रण-पट्टों से बना, और परदे के हर रंग तक नहीं पहुँच सकता, क्योंकि परदा प्रकाश छोड़ता है जबकि कागज़ उसे केवल लौटाता है।
ये आपको कहाँ मिलती हैं
हेक्स वह है जो आप स्टाइलशीट में टाइप करते हैं और जो अभिकल्प का औज़ार आपको थमाता है। RGB वहाँ प्रकट होता है जहाँ रंग को गणित चाहिए: क्रमिक छटाएँ, पारदर्शिता, वह कोड जो कोई आभा निकाले। HSL की ओर हाथ तब बढ़ता है जब रंगपट्टिका हाथ से सँवारी जाए, क्योंकि चाहे गए परिवर्तन प्रायः उसके तीन अंकों में से एक के परिवर्तन होते हैं। CMYK वह है जो छापाखाना माँगता है, और उसमें रूपांतरण वही क्षण है जब कोई अभिकल्प प्रकाश रहना छोड़कर स्याही बन जाता है।
अक्सर पूछे जाने वाले प्रश्न
मेरा CMYK परिणाम छापाखाने के दिए से भिन्न क्यों है?
क्योंकि एक ही सही रूपांतरण होता ही नहीं। इस पृष्ठ का गणित सरल और उपकरण-निरपेक्ष है, और जब आपको आरंभ-बिंदु या मोटा समतुल्य चाहिए तो वही ठीक उत्तर है। छापाखाना एक वर्ण-प्रालेख के द्वारा रूपांतरण करता है जो विशिष्ट स्याही, कागज़ और मशीन को गिनता है; वही RGB रंग चिकने कागज़ पर और बिना लेप के कागज़ पर भिन्न CMYK मान देगा। जिसे ठीक मिलना ही चाहिए, उसके लिए किसी सूत्र पर भरोसा करने के बजाय छापाखाने से उनका प्रालेख माँगें।
परदे के कुछ रंग छप क्यों नहीं सकते?
क्योंकि दोनों एक ही रंगों तक नहीं पहुँचते। परदा प्रकाश जोड़कर रंग बनाता है और ऐसा चटक, संतृप्त आसमानी या हरा दे सकता है जिसकी स्याही बराबरी ही नहीं कर सकती; कागज़ प्रकाश सोखकर रंग बनाता है, और अधिक से अधिक जितना उजला हो सकता है वह पन्ने की सफ़ेदी है। प्रत्येक जिन रंगों तक पहुँचता है उस समुच्चय को गैमट कहते हैं, और जहाँ वे एक-दूसरे पर नहीं चढ़ते, वहाँ रूपांतरण को उपलब्ध निकटतम रंग चुनना पड़ता है। इसीलिए परदे पर चटक रंग छपकर प्रायः कुछ फीका दिखता है।
क्या उत्तर सटीक है?
जहाँ दोनों इकाइयाँ एक-दूसरे से पूर्ण संख्याओं में परिभाषित हैं, वहाँ हाँ — पृष्ठ यह बात संख्या के ऊपर कहता है, और एकमात्र गोलाई इसमें है कि कितने अंक दिखाए जाएँ। जहाँ अनुपात का दशमलव समाप्त नहीं होता, पृष्ठ बारह सार्थक अंक दिखाता है और कहता है कि संबंध सन्निकट है, कुछ और होने का ढोंग नहीं करता।
क्या मेरा लिखा हुआ मेरे उपकरण से बाहर जाता है?
नहीं। गणना आपके ही ब्राउज़र में होती है; कुछ भी अपलोड नहीं होता, और करने के लिए कोई सर्वर है भी नहीं। पृष्ठ एक बार खुल जाने पर नेटवर्क बंद होने पर भी चलता है।
आप HEX को HSL में क्यों बदलते हैं
#5A4632 जैसा हेक्स कोड रंग को संग्रहीत करने का अच्छा तरीक़ा है और उसके बारे में सोचने का ख़राब तरीक़ा। अंकों में कुछ नहीं बताता कि रंग भूरा है, कितना चमकीला है या थोड़ा हल्का संस्करण कैसा दिखेगा। HSL इसी को ठीक करने के लिए बना। यह रंग का वर्णन उस तरह करता है जैसे लोग उसके बारे में बात करते हैं: वह कौन-सी रंगत है, कितना गहरा है और कितना हल्का। HEX को HSL में बदलना रंग को उस रूप से जो डिज़ाइन औज़ार आपको देता है उस रूप में अनूदित करना है जिससे आप तर्क कर सकें: hsl(30, 29%, 28%) गहरा, दबा हुआ नारंगी-भूरा है, और आप तुरंत देख सकते हैं कि आख़िरी संख्या बढ़ाने से वह हल्का होगा।
यही असली कारण है कि डिज़ाइनर और फ़्रंट-एंड डेवलपर रूपांतरण उपयोग करते हैं। उनके पास हेक्स में ब्रांड रंग है और उन्हें संबंधित रंगों का परिवार चाहिए: होवर स्थिति के लिए हल्का, दबाए बटन के लिए गहरा, पृष्ठभूमि की रंगत के लिए बहुत हल्का, अक्षम नियंत्रण के लिए फीका। हेक्स में इनमें से हर एक तीन जोड़े अंकों की नई खोज है। HSL में हर एक एक संख्या का बदलाव है। रंग वही रंग है, अधिक उपयोगी लेंस से देखा हुआ।
यह पृष्ठ आपके ब्राउज़र में बदलता है, और कुछ अपलोड नहीं होता। नीचे आपको मिलेगा कि HSL की तीन संख्याएँ हेक्स अंकों से कैसे गणना होती हैं, रूपांतरण क्या रखता है और कहाँ पूर्णांकित करता है, रंगत, संतृप्ति और हल्कापन व्यवहार में क्या अर्थ रखते हैं, डिज़ाइनर पैलेट और स्थितियाँ बनाने के लिए HSL कैसे उपयोग करते हैं, और वे जाल जो पहली बार HEX को HSL में बदलने वालों को पकड़ते हैं।
HSL क्या वर्णन करता है
रंगत: रंग-चक्र पर स्थिति
रंगत रंग-चक्र के गिर्द 0 से 360 अंश का कोण है। लाल 0 पर बैठता है, पीला 60 पर, हरा 120 पर, सियान 180 पर, नीला 240 पर और मैजेंटा 300 पर; 360 पर आप फिर लाल पर हैं। 30 की रंगत लाल और पीले के बीच है, जो नारंगी है। संख्या बताती है कि आप किस रंग-परिवार में हैं, और यह कुछ नहीं कि वह कितना चमकीला या हल्का है।
संतृप्ति: कितना गहरा
संतृप्ति प्रतिशत है। 100% पर रंग उतना शुद्ध है जितना रंगत अनुमति दे; 0% पर वह सारा रंग खो चुका है और धूसर है। 29% की संतृप्ति, जैसे हमारे उदाहरण के भूरे में, दबा हुआ, मिट्टी जैसा रंग है। संतृप्ति घटाना किसी तेज़ रंग को उसके स्वभाव बदले बिना शांत करने का सबसे तेज़ तरीक़ा है।
हल्कापन: कितना हल्का या गहरा
हल्कापन भी प्रतिशत है। 0% पर रंग रंगत और संतृप्ति जो भी हो काला है; 100% पर सफ़ेद; 50% पर पूरा, सामान्य रंग। हमारा भूरा 28% पर गहरे पक्ष में है। संख्या बढ़ाने से उसी रंग का हल्का संस्करण मिलता है, और घटाने से गहरा, जो ठीक वह बदलाव है जो डिज़ाइनर सबसे अक्सर चाहते हैं।
यह हेक्स से आसान क्यों है
हेक्स में रंग को हल्का बनाने का अर्थ तीनों जोड़ों को अलग-अलग मात्रा से बढ़ाना है ताकि रंगत न खिसके, जो आँख से करना लगभग असंभव है। HSL में इसका अर्थ एक आँकड़ा बदलना और बाक़ी दो को अकेला छोड़ना है।
रूपांतरण कैसे काम करता है
तीन बाइटों से एक कोण और दो प्रतिशत तक
परिवर्तक पहले हेक्स अंकों को लाल, हरे और नीले मानों के रूप में पढ़ता है, हर एक 0 से 255, और उन्हें 0 और 1 के बीच पैमाना देता है। वह तीनों में सबसे बड़ा और सबसे छोटा खोजता है। हल्कापन दोनों का औसत है। संतृप्ति इस पर निर्भर है कि वे कितने दूर हैं, हल्केपन के सापेक्ष। रंगत इस पर निर्भर है कि कौन-सा चैनल सबसे बड़ा है और बाक़ी दो की तुलना कैसी है। अगर तीनों बराबर हैं, तो रंग धूसर है, संतृप्ति शून्य है और रंगत का कोई अर्थ नहीं; तब परिवर्तक उसके लिए 0 दिखाता है।
उदाहरण
#5A4632 के लिए बाइट 90, 70 और 50 हैं। लाल सबसे बड़ा है 0.353 पर, नीला सबसे छोटा 0.196 पर। हल्कापन उनके योग का आधा है, 0.275, लगभग 28%। फैलाव 0.157 है, इसलिए संतृप्ति 0.157 को योग 0.549 से भाग देने पर लगभग 29% है। लाल सबसे बड़ा चैनल है और हरा बीच में है, जो रंगत को 30 अंश पर रखता है। परिणाम hsl(30, 29%, 28%) है।
पूर्ण संख्याएँ
तीनों संख्याएँ लिखते समय पूर्ण अंशों और पूर्ण प्रतिशतों तक पूर्णांकित की जाती हैं। लोग वही रूप उपयोग करते हैं और CSS रोज़ के काम में वही अपेक्षा करता है, पर इसका अर्थ है कि अंतिम अंक पर कुछ जानकारी छूट जाती है, जैसा अगला खंड समझाता है।
रूपांतरण क्या रखता है और क्या नहीं रख सकता
यह रंग को वैसा रखता है जैसे आँख उसे छाँटती है
परिणाम वह रंग है जैसे आँख उसे छाँटती है: चक्र पर एक रंगत, कितना संतृप्त, कितना हल्का। इसीलिए HSL रखने लायक़ है। आप एक संख्या बदलकर रंग को हल्का या एक रंगत को गहरा बना सकते हैं, जो हेक्स में लगभग असंभव है।
यह वही बाइट वापस देने का वादा नहीं कर सकता
दोनों समान रंगों का वर्णन करते हैं, पर HSL उन तक अलग ज्यामिति से पहुँचता है और उसकी तीनों संख्याएँ लिखते समय पूर्ण अंशों और पूर्ण प्रतिशतों तक पूर्णांकित होती हैं। इसलिए HSL में ले जाया और वापस लाया रंग अपनी शुरुआत से एक या दो क़दम दूर उतर सकता है: दृश्य रूप से वही, बाइट-दर-बाइट वही नहीं। अगर आपको सटीक बाइट वापस चाहिए, तो हेक्स रखिए। रंग के साथ काम करने के लिए HEX को HSL में बदलिए, और हेक्स को मास्टर रखिए।
धूसर में रंगत नहीं होती
जब तीनों बाइट बराबर हों, तो रंगत के बारे में कहने को कुछ नहीं। परिवर्तक रंगत 0 और संतृप्ति 0% देता है, और अकेला हल्कापन धूसर का वर्णन करता है। 0 में कुछ मत पढ़िए।
व्यवहार में HSL का उपयोग
रंगतों का परिवार बनाना
आधार रंग hsl(30, 29%, 28%) लीजिए। होवर के लिए हल्की रंगत hsl(30, 29%, 34%) है। पृष्ठभूमि के लिए बहुत हल्की रंगत hsl(30, 29%, 94%) है। दबी स्थितियों के लिए गहरी रंगत hsl(30, 29%, 22%) है। रंगत और संतृप्ति टिकी रहती हैं, इसलिए रंग स्पष्ट रूप से साथ के लगते हैं। हेक्स में वही करने में कई प्रयास लगते और फिर भी थोड़ा अलग लगता।
थीम और डार्क मोड
थीम को अक्सर एक ही पैलेट हल्के और गहरे संस्करणों में चाहिए। HSL के साथ आप रंगत रखते हैं और हल्कापन और संतृप्ति समायोजित करते हैं: हल्की थीम के लिए पृष्ठभूमि हल्की और पाठ गहरा करते हैं, और गहरी के लिए उलटा। रंगत को कस्टम प्रॉपर्टी के रूप में परिभाषित करना और केवल हल्कापन बदलना ऐसा करने का आम और सुघड़ तरीक़ा है।
पैलेट बनाना
आधार से मेल खाते रंग खोजने के लिए रंगत घुमाइए। दोनों ओर तीस अंश पड़ोसी रंग देते हैं, 180 पूरक देता है, और 120 या 240 त्रिकोण देते हैं। संतृप्ति और हल्कापन स्थिर रखिए, रंगत बदलिए, और रंगों में एकसार अनुभव होता है। यह ऐसा पैलेट शुरू करने का तेज़ तरीक़ा है जो मनमाना न लगे।
सुलभ कंट्रास्ट
कंट्रास्ट के लिए हल्कापन मुख्य नियंत्रण है। अगर रंगीन पृष्ठभूमि पर पाठ पढ़ना कठिन है, तो उपाय आम तौर पर दोनों के हल्केपन का अंतर बढ़ाना है, और HSL इसे हर ओर एक संख्या समायोजित करने की बात बना देता है।
यहाँ HEX को HSL में कैसे बदलें
हेक्स कोड टाइप या पेस्ट कीजिए
पहले क्षेत्र में रंग दर्ज कीजिए, हैश चिह्न के साथ या बिना। तीन और छह अंकों वाले रूप स्वीकार हैं, और पारदर्शिता वाला आठ अंकों का रूप भी पढ़ा जाता है।
hsl मान पढ़िए
उत्तर तुरंत आता है, जैसे #5A4632 = hsl(30, 29%, 28%)। तीन संख्याएँ अंशों में रंगत और प्रतिशत में संतृप्ति और हल्कापन हैं।
उसे अपनी स्टाइलशीट में नक़ल कीजिए
परिणाम को जैसा है वैसा color: hsl(30, 29%, 28%) जैसे नियम में उपयोग कीजिए। रंग समायोजित करने के लिए अंतिम आँकड़ा बदलिए। उलटी दिशा का औज़ार HSL से HEX है।
ये संकेतन कहाँ से आते हैं
हेक्स और RGB एक ही चीज़ हैं, दो बार लिखी
स्क्रीन का रंग तीन संख्याएँ है, कितना लाल, हरा और नीला प्रकाश उत्सर्जित करना है, हर एक 0 से 255, जो एक बाइट है। हेक्स बस उन बाइटों को सोलह-आधार में लिखता है। संख्याएँ देखने के लिए HEX को RGB में बदलिए।
HSL और CMYK
HSL इसलिए बना कि दोनों में से कोई मनुष्य को पढ़ने योग्य नहीं: यह रंग-चक्र के गिर्द कोण के रूप में रंगत देता है, संतृप्ति और हल्कापन प्रतिशत में, ताकि डिज़ाइनर तीन आँकड़ों की दोबारा गणना किए बिना कुछ हल्का बना सके। CMYK बिल्कुल अलग दुनिया का है, प्रकाश के बजाय स्याही। वह घटाव वाला है, चार छपाई प्लेटों से बना, और स्क्रीन के हर रंग तक नहीं पहुँच सकता, क्योंकि स्क्रीन प्रकाश उत्सर्जित करती है जबकि काग़ज़ उसे केवल परावर्तित करता है।
HEX को HSL में बदलते समय जाल
पूर्ण आना-जाना की अपेक्षा
पूर्णांकन के कारण वापस बदलना मूल से एक या दो क़दम दूर कोड दे सकता है। एकल रंग के लिए वह अदृश्य है। उस डिज़ाइन प्रणाली के लिए जहाँ कई रंग आगे-पीछे बदले जाते हैं, वह जमा हो सकता है। हेक्स को स्रोत रखिए।
यह मान लेना कि समान हल्केपन का अर्थ समान चमक है
समान HSL हल्केपन वाले दो रंग चमक में काफ़ी भिन्न दिख सकते हैं: 50% का पीला 50% के नीले से कहीं अधिक चमकीला दिखता है। HSL हल्कापन सुविधाजनक संख्या है, अनुभूत चमक का माप नहीं। कंट्रास्ट जाँच के लिए उचित कंट्रास्ट औज़ार उपयोग कीजिए।
प्रतिशत चिह्न भूलना
CSS में hsl() में संतृप्ति और हल्कापन प्रतिशत चिह्न रखते हैं, और रंगत सादी संख्या या deg के साथ संख्या होती है। चिह्न छोड़ना क्लासिक ग़लती है।
धूसर में ज़्यादा पढ़ना
धूसर में रंगत नहीं होती। अगर परिवर्तक उसके लिए 0 दिखाता है, तो इसका अर्थ यह नहीं कि वह लालिमा लिए है।
बदलने से पहले लोग जो प्रश्न पूछते हैं
HSL में #FF0000 क्या है?
hsl(0, 100%, 50%), शुद्ध लाल।
HSL में #FFFFFF क्या है?
hsl(0, 0%, 100%), सफ़ेद। सफ़ेद के लिए रंगत अर्थहीन है, और परिवर्तक 0 दिखाता है।
क्या HSL हर जगह समर्थित है?
सभी वर्तमान ब्राउज़र hsl() और hsla() समझते हैं। यह कई वर्षों से CSS में है।
क्या रूपांतरण सटीक है?
यह उसी रंग का वर्णन करने के अर्थ में सटीक है, पर संख्याएँ पूर्ण अंशों और प्रतिशतों तक पूर्णांकित हैं, इसलिए वापस जाना एक क़दम दूर उतर सकता है।
क्या मेरा रंग अपलोड होता है?
नहीं। अंकगणित आपके ब्राउज़र में चलता है और कुछ कहीं नहीं भेजा जाता।
मैं वापस कैसे जाऊँ?
HSL से HEX के साथ।
HEX को HSL में बदलते समय समझदारी से चुनना
काम के लिए HSL, संग्रह के लिए हेक्स
मास्टर पैलेट हेक्स में रखिए, जहाँ वह अस्पष्टता-रहित है, और जब आप विविधताएँ बनाना चाहें तब HSL उपयोग कीजिए। आना-जाना थोड़ा खोता है; मास्टर नहीं।
नए रंग-स्थानों पर विचार कीजिए
CSS अब oklch() और ऐसे ही संकेतन देता है जिनमें समान हल्कापन सचमुच समान दिखता है। नई डिज़ाइन प्रणालियों के लिए वे सीखने लायक़ हैं। HSL वह संकेतन बना रहता है जिसे लगभग हर कोई समझता है और हर औज़ार समर्थन करता है।
कस्टम प्रॉपर्टी उपयोग कीजिए
--hue, --sat और --light परिभाषित कीजिए, और उनसे रंग बनाइए: hsl(var(--hue) var(--sat) var(--light))। तब थीम कुछ संख्याएँ संपादित करके बदल जाती है।
आत्मविश्वास से HSL पढ़ना और लिखना
याद रखने के लिए कुछ मील-पत्थर
कुछ संख्याएँ HSL को पढ़ना आसान बनाती हैं। 60 के गुणजों पर रंगतें शुद्ध रंग हैं: 0 लाल, 60 पीला, 120 हरा, 180 सियान, 240 नीला, 300 मैजेंटा। 100 की संतृप्ति के साथ 50 का हल्कापन किसी भी रंगत का शुद्धतम संस्करण देता है, और 95 या उससे ऊपर का हल्कापन इतनी हल्की रंगत है कि पृष्ठभूमि के रूप में काम करती है। जब आप HEX को HSL में बदलें और इन मील-पत्थरों में से किसी के निकट रंगत देखें, तो आप एक नज़र में रंग-परिवार का नाम ले सकते हैं।
परिवारों के बीच जाना
रंगत में 180 जोड़ना चक्र पर विपरीत रंग देता है, जो पूरक है और आम तौर पर सबसे प्रबल कंट्रास्ट। 30 जोड़ना या घटाना ऐसा पड़ोसी देता है जो मूल के बग़ल में आराम से बैठता है। डिज़ाइनर इन क़दमों का उपयोग ब्रांड रंग से मेल खाते एक्सेंट बिना अंदाज़े के चुनने के लिए करते हैं।
बदले मानों का नोट रखना
जब आप पैलेट के लिए HEX को HSL में बदलें, तो परिणाम तालिका में मूल हेक्स के बग़ल में लिखिए। तालिका दिखाती है कि रंग एक-दूसरे से कैसे संबंधित हैं, और अगर कोई रंगत या हल्कापन औरों से बेमेल है, तो अजीबपन तुरंत दिखता है। यह आपकी टीम को साझा संदर्भ भी देता है।
असली स्क्रीनों पर परखना
जो रंग अंशांकित मॉनिटर पर संतुलित दिखते हैं वे धूप में फ़ोन पर या सस्ते लैपटॉप पर अलग दिख सकते हैं। तैयार पैलेट को कम से कम दो उपकरणों पर जाँचिए, और अगर हल्की रंगतें उनमें से एक पर ग़ायब हो जाएँ तो हल्कापन थोड़ा समायोजित कीजिए।
संबंधित परिवर्तक
औज़ारों का वही परिवार पड़ोसी रूपांतरणों को ढकता है। वापस जाने के लिए HSL से HEX उपयोग कीजिए। कोड के पीछे की संख्याओं के लिए HEX से RGB और RGB से HEX हैं, और छपाई के लिए HEX से CMYK और CMYK से HEX। उसी स्टाइलशीट के आकारों के लिए px से rem और px से em लंबाइयों के लिए वही करते हैं जो यह पृष्ठ रंगों के लिए करता है।
एक हल किया उदाहरण
मान लीजिए आपका ब्रांड रंग #1E7A5C है। आप HEX को HSL में बदलते हैं और hsl(160, 61%, 30%) पढ़ते हैं। होवर स्थिति के लिए आप hsl(160, 61%, 36%) लिखते हैं, थोड़ा हल्का। दबी स्थिति के लिए hsl(160, 61%, 24%)। सूचना के पीछे बहुत हल्की पृष्ठभूमि के लिए hsl(160, 40%, 95%)। अक्षम बटन के लिए hsl(160, 12%, 60%), वही रंगत पर अधिकांश रंग निकाल दिया हुआ। पाँच रंग, एक रंगत, एक मिनट में लिखे, और वे सब ऐसे दिखते हैं जैसे साथ के हों। जब ब्रांड रंग बदले, तो आप रंगत संख्या एक बार बदलते हैं।
एक संक्षिप्त जाँच-सूची
बदलने से पहले
तय कीजिए कि रंग के साथ आप क्या करना चाहते हैं: उसकी विविधता बनाना, थीम बनाना या बस पढ़ना।
बदलते समय
हेक्स पेस्ट कीजिए, hsl पढ़िए और तीनों संख्याएँ नोट कीजिए।
बदलने के बाद
एक बार में एक संख्या बदलकर विविधताएँ बनाइए, और उन्हें असली पृष्ठभूमि पर देखिए।
आम ग़लतियाँ
पूर्णांकित संख्याओं को सटीक मानना
वे पूर्ण संख्याएँ हैं। हेक्स को मास्टर रखिए।
हल्केपन को चमक के बराबर मानना
समान हल्केपन के दो रंग इसमें बहुत भिन्न हो सकते हैं कि वे कितने चमकीले दिखते हैं।
प्रतिशत चिह्न छोड़ना
CSS में संतृप्ति और हल्केपन को उनकी ज़रूरत है।
आपके रंग आपके उपकरण पर रहते हैं
गणना स्थानीय रूप से होती है। आपके मान आपके अपने ब्राउज़र द्वारा उपयोग होते हैं और कुछ कहीं नहीं भेजा जाता। बाद में हटाने को कुछ नहीं और बनाने को कोई खाता नहीं। HEX को HSL में बदलने का सीधा तरीक़ा यही है।
सारांश
यहाँ HEX को HSL में बदलने के लिए हेक्स कोड टाइप या पेस्ट कीजिए और hsl मान तुरंत पढ़िए। रूपांतरण रंग को वैसा रखता है जैसे आँख उसे छाँटती है: चक्र पर एक रंगत, कितना संतृप्त, कितना हल्का। इसीलिए HSL रखने लायक़ है, क्योंकि आप एक संख्या बदलकर रंग को हल्का या एक रंगत को गहरा बना सकते हैं, जो हेक्स में लगभग असंभव है। दोनों समान रंगों का वर्णन करते हैं, पर HSL उन तक अलग ज्यामिति से पहुँचता है और उसकी तीनों संख्याएँ पूर्ण अंशों और पूर्ण प्रतिशतों तक पूर्णांकित होती हैं, इसलिए HSL में ले जाया और वापस लाया रंग अपनी शुरुआत से एक या दो क़दम दूर उतर सकता है। अगर आपको सटीक बाइट वापस चाहिए, तो हेक्स रखिए। कुछ अपलोड नहीं होता।