CSS और फ़्रंट-एंड विकास उपकरण

HEX से HSL

HEX रंग को CSS hsl() में बदलें और H, S तथा L के मान अलग-अलग देखें।

इनपुट मान

आपके ब्राउज़र में प्रोसेस होता है

लाइव प्रीव्यू

बदलाव करते ही अपने आप अपडेट होता है
सीधे चुनें या कॉपी करें

HEX को HSL में बदलकर रंगत, संतृप्ति, हल्कापन और वास्तविक रंग का प्रीव्यू देखें।

आपका इनपुट केवल आपके ब्राउज़र में प्रोसेस होता है और सर्वर पर अपलोड नहीं किया जाता।

इस उपकरण के बारे में

HEX से HSL उपकरण पहले HEX से RGB वाले नियमों से RGB निकालता है, फिर रंगत, संतृप्ति और हल्कापन गणना करता है। HSL रंगों के आपसी संबंध समझने और एक रंग के हल्के या गहरे रूप बनाने में उपयोगी है।

कैसे इस्तेमाल करें

  1. # के साथ या बिना 3 या 6 अंकों वाला HEX दर्ज करें।
  2. HSL आउटपुट और H / S / L के अलग-अलग मान देखें।
  3. रंग का प्रीव्यू जाँचकर HSL कॉपी करें।
  4. इनपुट हटाने के लिए “साफ़ करें” चुनें या उदाहरण लोड करें।

उदाहरण

  • #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 मान जाँचना।

गोपनीयता

आपका इनपुट और परिणाम केवल आपके ब्राउज़र में संसाधित होते हैं; उन्हें अपलोड या अपने आप सेव नहीं किया जाता। जिन परिणामों को रखना हो, उन्हें कॉपी करके संभालकर रखें।

FAQ

HSL के तीन घटक क्या हैं?

H रंगत का कोण है, S संतृप्ति का प्रतिशत और L हल्केपन का प्रतिशत है।

रंगत को डिग्री में क्यों मापा जाता है?

रंगत को रंग चक्र पर दर्शाया जाता है। पूरा चक्कर 360° का होता है, इसलिए 0° और 360° एक ही स्थिति दर्शाते हैं।

धूसर रंग का H मान 0 क्यों दिखता है?

जब तीनों RGB चैनल बराबर हों, तो कोई विशिष्ट रंगत नहीं होती। इसलिए उपकरण H = 0 और S = 0% मानता है।

क्या परिवर्तन के परिणाम में सटीकता का अंतर आ सकता है?

दिखाए गए HSL मानों के दशमलव सीमित अंकों तक राउंड होते हैं। उन्हें वापस HEX में बदलने पर मूल रंग से मामूली अंतर आ सकता है।

डेवलपर उपकरण सूची पर लौटें