0

एन्कोड परिणाम

HSL रंग

HSL रंग के बारे में

HSL रंग एक रंग मॉडल है जो रंगों को ह्यू, सैचुरेशन और लाइटनेस से व्यक्त करता है। RGB लाल, हरे और नीले प्रकाश की तीव्रता को सीधे बताता है, जबकि HSL रंग-भाव, चमकदारपन और उजाले को अलग करता है, इसलिए रंग समायोजन और CSS डिज़ाइन में उपयोगी है।

घटकअर्थउदाहरण मान
H: ह्यूरंग-भाव को कोण के रूप में दिखाता है। लाल लगभग 0deg, हरा 120deg और नीला 240deg के पास होता है।90deg
S: सैचुरेशनरंग की चमकदारता दिखाता है। 0% अक्रोमैटिक है और 100% सबसे चमकीला रंग है।50%
L: लाइटनेसरंग की चमक दिखाता है। 0% काला, 50% सामान्य चमक और 100% सफेद है।50%

उदाहरण के लिए, लाल जैसे मुख्य रंगों को इस प्रकार दिखाया जा सकता है।

रंगHSL संकेतनRGB संकेतन
लालhsl(0deg 100% 50%)rgb(255 0 0)
हराhsl(120deg 100% 25.1%)rgb(0 128 0)
लाइमhsl(120deg 100% 50%)rgb(0 255 0)
नीलाhsl(240deg 100% 50%)rgb(0 0 255)
सफेदhsl(0deg 0% 100%)rgb(255 255 255)
कालाhsl(0deg 0% 0%)rgb(0 0 0)

पारदर्शिता शामिल करने के लिए अल्फा मान जोड़ें। उदाहरण के लिए, अर्ध-पारदर्शी लाल को hsl(0deg 100% 50% / 0.5) के रूप में दिखाया जा सकता है।

इनपुट में hsl(0deg 100% 50%) जैसे स्पेस से अलग संकेतन और hsl(0deg, 100%, 50%) जैसे पुराने कॉमा से अलग संकेतन का उपयोग किया जा सकता है।

ह्यू, सैचुरेशन और लाइटनेस का व्यवहार

ह्यू को कोण के रूप में संभाला जाता है, और 360deg से बड़े या ऋणात्मक मान 0deg से 360deg की सीमा में सामान्यीकृत किए जाते हैं। उदाहरण के लिए, hsl(360deg 100% 50%) को hsl(0deg 100% 50%) के समान रंग माना जाता है, और hsl(-120deg 100% 50%) को hsl(240deg 100% 50%) के समान रंग माना जाता है।

सैचुरेशन और लाइटनेस को 0% से 100% की सीमा में संभाला जाता है। सैचुरेशन 0% होने पर रंग ह्यू से स्वतंत्र होकर ग्रे अक्रोमैटिक रंग बन जाता है। लाइटनेस 0% होने पर रंग काला और 100% होने पर सफेद होता है।

HSL और RGB में अंतर

RGB लाल, हरे और नीले घटकों को सीधे निर्दिष्ट करता है, इसलिए यह स्क्रीन प्रदर्शन और छवि डेटा के निकट है। HSL ह्यू, सैचुरेशन और लाइटनेस को अलग करता है, जिससे “उसी ह्यू में अधिक उजला करना” या “केवल सैचुरेशन घटाना” जैसे समायोजन आसान होते हैं।

हालाँकि, HSL मानव अनुभूति के अनुसार पूरी तरह समान रंग स्थान नहीं है। दृश्य चमक या रंग अंतर को अधिक आसानी से संभालने के लिए Lab, LCH, Oklab और Oklch जैसे रंग स्थानों का उपयोग किया जा सकता है।