इस उपकरण के बारे में
HEX से HSL उपकरण पहले HEX से RGB वाले नियमों से RGB निकालता है, फिर रंगत, संतृप्ति और हल्कापन गणना करता है। HSL रंगों के आपसी संबंध समझने और एक रंग के हल्के या गहरे रूप बनाने में उपयोगी है।
कैसे इस्तेमाल करें
- # के साथ या बिना 3 या 6 अंकों वाला HEX दर्ज करें।
- HSL आउटपुट और H / S / L के अलग-अलग मान देखें।
- रंग का प्रीव्यू जाँचकर HSL कॉपी करें।
- इनपुट हटाने के लिए “साफ़ करें” चुनें या उदाहरण लोड करें।
उदाहरण
- #ff0000 → hsl(0, 100%, 50%)।
- #00ff00 → hsl(120, 100%, 50%); #0000ff → hsl(240, 100%, 50%)।
- #808080 → hsl(0, 0%, 50.2%); #ffffff → hsl(0, 0%, 100%)।
गणना की विधि
पहले RGB चैनल को 255 से भाग दें, फिर अधिकतम max, न्यूनतम min और अंतर delta निकालें। हल्कापन L = (max + min) / 2 है। रंगीन मानों में S = delta / (1 − |2L − 1|); रंगत रंग चक्र पर सबसे बड़े चैनल की स्थिति से निकलती है। धूसर रंग के लिए H और S को 0 माना जाता है। दशमलव मान केवल दिखाते समय राउंड किए जाते हैं।
सामान्य उपयोग
- डिज़ाइन के रंगों की रंगत और हल्कापन समझना।
- रंग आसानी से समायोजित करने के लिए HEX स्थिरांक को HSL में बदलना।
- शुद्ध रंगों, धूसर, काले और सफ़ेद के HSL मान जाँचना।
गोपनीयता
इनपुट की प्रोसेसिंग, गणना, CSS बनाना और प्रीव्यू, सब आपके ब्राउज़र में होता है। आपकी सामग्री अपलोड नहीं होती। किसी बैकएंड, डेटाबेस, ऑनलाइन API या तीसरे पक्ष के CDN का इस्तेमाल नहीं होता और आपका इनपुट अपने आप सेव नहीं होता।
FAQ
HSL के तीन घटक क्या हैं?
H रंगत का कोण है, S संतृप्ति का प्रतिशत और L हल्केपन का प्रतिशत है।
रंगत को डिग्री में क्यों मापा जाता है?
रंगत को रंग चक्र पर दर्शाया जाता है। पूरा चक्कर 360° का होता है, इसलिए 0° और 360° एक ही स्थिति दर्शाते हैं।
धूसर रंग का H मान 0 क्यों दिखता है?
जब तीनों RGB चैनल बराबर हों, तो कोई विशिष्ट रंगत नहीं होती। इसलिए उपकरण H = 0 और S = 0% मानता है।
क्या परिवर्तन के परिणाम में सटीकता का अंतर आ सकता है?
भीतरी गणना फ़्लोटिंग-पॉइंट संख्याओं से होती है। आउटपुट व्यावहारिक दशमलव स्थानों तक राउंड होता है, जिससे उलटे परिवर्तन में मामूली अंतर आ सकता है।