पँटोन साधने

एचएसव्ही ते एचएसएल

डिझाइन सिस्टीममध्ये बहुमुखी रंग हाताळणीसाठी 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%
फरक एचएसएलमध्ये संपृक्तता वाढली

निःशब्द जांभळा

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.

दोन्ही मॉडेल्समध्ये ह्यू आणि सॅचुरेशन घटक असले तरी, ब्राइटनेसचे त्यांचे उपचार (मूल्य विरुद्ध प्रकाशमानता) मूलभूतपणे भिन्न वर्तन निर्माण करतात. हे कन्व्हर्टर दृश्य सुसंगतता राखून या मॉडेल्समध्ये भाषांतर करण्यासाठी अचूक गणितीय अल्गोरिदम वापरते, ज्यामुळे डिझाइनर्सना त्यांच्या कार्यप्रवाहात प्रत्येक मॉडेलची ताकद वापरता येते.

सतत विचारले जाणारे प्रश्न