मोफत कनवर्टर

HSL ते HEX कनवर्टर

HSL कलर व्हॅल्यूज HEX कलर कोडमध्ये झटपट रूपांतरित करा — विनामूल्य, रिअल-टाइम कलर कन्व्हर्टर.

रंग
संपृक्तता (%)
हलकेपणा (%)

HEX आउटपुट

#368CE2
R:54
G:140
B:226

स्वरूप कॉपी करा

#HEX स्वरूप#368CE2
hsl() स्वरूपhsl(210°, 75%, 55%)
rgb() फॉरमॅटrgb(54, 140, 226)

या साधनाबद्दल

एचएसएल (ह्यू, सॅचुरेशन, लाइटनेस) रंग मूल्यांना हेक्साडेसिमल कोडमध्ये रूपांतरित करा. HSL एक अंतर्ज्ञानी रंग मॉडेल आहे जिथे ह्यू हा रंग कोन (0-360°), संपृक्तता रंगाची तीव्रता (0-100%) आहे आणि लाइटनेस रंग किती हलका किंवा गडद आहे हे नियंत्रित करते (0-100%). एचएसएलमध्ये काम करणाऱ्या आणि सीएसएससाठी हेक्स कोड आवश्यक असलेल्या डिझाइनरसाठी उपयुक्त.

कसे वापरावे

  1. ह्यू मूल्य प्रविष्ट करा (रंग व्हीलवर 0-360 अंश).
  2. संपृक्तता (0-100%) आणि लाइटनेस (0-100%) सेट करा.
  3. हेक्स कोड रिअल टाइममध्ये मोजला जातो आणि प्रदर्शित केला जातो.
  4. तुमच्या CSS किंवा डिझाइन टूलमध्ये वापरण्यासाठी हेक्स कोड कॉपी करा.

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

हेक्स किंवा आरजीबी ऐवजी एचएसएल का वापरावे?
एचएसएल मानवांसाठी अधिक अंतर्ज्ञानी आहे. गडद सावली हवी आहे? हलकीपणा कमी करा. निःशब्द आवृत्ती हवी आहे? संपृक्तता कमी करा. हे संबंध हेक्स किंवा RGB मध्ये स्पष्ट नाहीत जिथे तुम्हाला तिन्ही चॅनेल समायोजित करण्याची आवश्यकता असेल.
0 वि 360 च्या रंगाचा अर्थ काय आहे?
0° आणि 360° दोन्ही लाल आहेत — ह्यू व्हीलभोवती गुंडाळले जाते. प्रमुख रंगछटा: 0° = लाल, 60° = पिवळा, 120° = हिरवा, 180° = निळसर, 240° = निळा, 300° = किरमिजी रंग.
0% आणि 100% संपृक्ततेवर काय होते?
0% संपृक्ततेवर, कोणताही रंग राखाडी रंगाचा बनतो (केवळ हलकेपणाद्वारे निर्धारित). 100% संपृक्ततेवर, तुम्हाला त्या रंगाची सर्वात शुद्ध, सर्वात ज्वलंत आवृत्ती मिळते.
हलकीपणा कशी कार्य करते?
रंग/संपृक्तता विचारात न घेता 0% हलकीपणा नेहमीच काळा असतो. 100% नेहमी पांढरा असतो. 50% रंगाची शुद्ध, सर्वात दोलायमान आवृत्ती देते. 0-50% मधील मूल्ये गडद रंगाची असतात, 50-100% फिकट रंगाची असतात.