पैनटोनटूल्स

HSV से HSL

डिज़ाइन प्रणालियों में बहुमुखी रंग हेरफेर के लिए HSV रंग मानों को HSL में परिवर्तित करें

डिज़ाइन लचीलेपन को बढ़ाने के लिए सहज रंग मॉडलों के बीच रूपांतरण

रंग परिवर्तक

HSV Input

180° 360°
100%
0% 50% 100%
100%
0% 50% 100%

उदाहरण के लिए रंग स्वैच पर क्लिक करें

HSL Output

hsl(0°, 100%, 50%)

HSL Values

रंग

0-360° color wheel position

परिपूर्णता 100%

0-100% color intensity

लपट 50%

0-100% brightness

hsl(0°, 100%, 50%)

अतिरिक्त प्रारूप

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

सीएसएस उपयोग

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

रूपांतरण अंतर्दृष्टि

यह जीवंत लाल रंग दोनों रंग मॉडलों में पूर्ण संतृप्ति बनाए रखता है, लेकिन अलग-अलग चमक माप दिखाता है, जो मूल्य (एचएसवी) और लपट (एचएसएल) के बीच मुख्य अंतर को प्रदर्शित करता है।

रूपांतरण उदाहरण

जीवंत लाल

HSV 0°, 100%, 100%
HSL 0°, 100%, 50%
अंतर हल्कापन = मूल्य का 50%

हरे जंगल

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
अंतर हल्कापन पैमाने के लिए समायोजित

शाही नीला

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
अंतर धारणा के लिए संतुलित हल्कापन

नरम गुलाबी

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
अंतर एचएसएल में संतृप्ति में वृद्धि हुई

म्यूटेड पर्पल

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
अंतर हल्कापन नीचे की ओर समायोजित

ग्रे टोन

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
अंतर ग्रेस्केल के लिए समान

अनुशंसित उपकरण

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

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

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

हालाँकि दोनों मॉडल रंग और संतृप्ति घटकों को साझा करते हैं, लेकिन चमक (मान बनाम चमक) के साथ उनका व्यवहार मौलिक रूप से भिन्न व्यवहार उत्पन्न करता है। यह कनवर्टर दृश्य स्थिरता बनाए रखते हुए इन मॉडलों के बीच अनुवाद करने के लिए सटीक गणितीय एल्गोरिदम का उपयोग करता है, जिससे डिज़ाइनर अपने पूरे वर्कफ़्लो में प्रत्येक मॉडल की खूबियों का लाभ उठा सकते हैं।

अक्सर पूछे जाने वाले प्रश्नों