प्यान्टोनउपकरणहरू

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)

CSS प्रयोग

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

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

यो जीवन्त रातो रंगले दुबै रङ मोडेलहरूमा पूर्ण संतृप्ति कायम राख्छ तर फरक चमक मापन देखाउँछ, जसले मान (HSV) र प्रकाश (HSL) बीचको मुख्य भिन्नता देखाउँछ।

रूपान्तरण उदाहरणहरू

जीवन्त रातो

HSV 0°, 100%, 100%
HSL 0°, 100%, 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%
भिन्नता HSL मा संतृप्ति बढ्यो

म्युट गरिएको बैजनी

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.

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

बारम्बार सोधिने प्रश्नहरू