सीधे कलर पिकर पर जाएँ

HSL से HEX कन्वर्टर

HSL वैल्यू पेस्ट करें, तुरंत HEX पाएँ। कोई दूसरा फ़ॉर्मैट भी चलेगा।

HSL के रूप में पढ़ा गया

HEX वैल्यू#ff5733
HEX से HSL

रंग बदलें

11°
100%

68%
0.210
34°

बाकी सभी फ़ॉर्मैट

HSL से HEX के उदाहरण

रंगHSLHEX
hsl(0, 100%, 50%)#ff0000
hsl(120, 100%, 50%)#00ff00
hsl(240, 100%, 50%)#0000ff
hsl(0, 0%, 100%)#ffffff
hsl(0, 0%, 0%)#000000
hsl(0, 0%, 50.2%)#808080
hsl(10.59, 100%, 60%)#ff5733
hsl(217.22, 91.22%, 59.8%)#3b82f6
hsl(160.12, 84.08%, 39.41%)#10b981
hsl(37.69, 92.13%, 50.2%)#f59e0b
hsl(258.31, 89.53%, 66.27%)#8b5cf6
hsl(330.37, 81.19%, 60.39%)#ec4899

HSL और HEX के बारे में

HSL ह्यू को डिग्री में और सैचुरेशन व लाइटनेस को प्रतिशत में बताता है। इसे पढ़ना आसान है, पर इसकी लाइटनेस आँख के हिसाब से एक जैसी नहीं: 50% पर पीला, 50% पर नीले से कहीं ज़्यादा हल्का दिखता है।

HEX लाल, हरे और नीले को दो-दो हेक्साडेसिमल अंकों में लिखता है, जैसे #ff5733। वेब और डिज़ाइन टूल में रंग लिखने का यही सबसे आम तरीका है।

कन्वर्ज़न कैसे होता है

हम HSL वैल्यू पढ़ते हैं, उसे CSS Color 4 स्पेसिफ़िकेशन के मैट्रिक्स से CIE XYZ में बदलते हैं और फिर HEX में। टारगेट गैमट से बाहर की वैल्यू CSS Color 4 एल्गोरिदम से मैप होती हैं, जो लाइटनेस और ह्यू बनाए रखता है और क्रोमा घटाता है।

सवाल और जवाब

HSL को HEX में कैसे कन्वर्ट करें?

ऊपर के फ़ील्ड में HSL वैल्यू पेस्ट करें या लिखें। PickShade लिखते-लिखते उसे CSS Color 4 फ़ॉर्मूलों से कन्वर्ट करता है, और एक क्लिक में HEX वैल्यू कॉपी हो जाती है।

क्या HSL से HEX कन्वर्ज़न सटीक है?

गणित सटीक है और नतीजा सिर्फ़ दिखाने के लिए राउंड होता है, इतने अंकों के साथ कि वापस कन्वर्ट करने पर वही रंग मिले। अगर रंग टारगेट गैमट में फ़िट नहीं होता, तो PickShade चेतावनी देता है और सबसे नज़दीकी फ़िट होने वाला रंग दिखाता है।

क्या एक साथ दूसरे फ़ॉर्मैट भी मिल सकते हैं?

हाँ। OKLCH, Display P3, Tailwind, SwiftUI, Flutter और Android समेत बाकी सभी फ़ॉर्मैट नतीजे के नीचे दिए गए हैं और एक क्लिक में कॉपी होते हैं।

क्या यह कन्वर्टर मुफ़्त है?

हाँ। यह मुफ़्त है, साइन-अप नहीं माँगता और पूरी तरह आपके ब्राउज़र में चलता है।