AbraCalc

हेक्स से HSL कलर कन्वर्टर

एक क्लिक में CSS हेक्स कलर कोड को HSL (ह्यू, सैचुरेशन, लाइटनेस) में बदलें।

इस टूल को अपनी साइट पर लगाएँ
इस टूल का हवाला दें

APA

AbraCalc. (2026). हेक्स से HSL कलर कन्वर्टर [Online calculator]. Retrieved from https://abracalc.com/hi/hex-to-hsl/

BibTeX

@misc{abracalc-hex-to-hsl, author = {AbraCalc}, title = {हेक्स से HSL कलर कन्वर्टर}, year = {2026}, howpublished = {\url{https://abracalc.com/hi/hex-to-hsl/}} }

क्या इस टूल से आपके सवाल का जवाब मिला?

इस टूल का उपयोग कैसे करें

  1. एक 6-डिजिट हेक्स कलर कोड डालें (जैसे #ff5733)। शुरुआती # ऑप्शनल है।
  2. टूल इसे HSL में बदलता है: डिग्री में ह्यू, प्रतिशत में सैचुरेशन और लाइटनेस।
  3. hsl() स्ट्रिंग को अपने CSS या स्टाइलशीट में कॉपी करें।

एक हेक्स कलर कोड पेस्ट करें और CSS hsl() फ़ंक्शन या डिज़ाइन टूल में इस्तेमाल के लिए इक्विवेलेंट HSL वैल्यू पाएं।

सूत्र

Expand a 3-digit hex to 6 digits if needed (e.g. #abc#aabbcc), then parse each pair: r = parseInt(hex[0..1], 16) / 255, similarly for g and b.

Then apply RGB-to-HSL: L = (max + min) / 2; S = d / (2 − max − min) if L > 0.5, else S = d / (max + min); hue from the dominant channel as in RGB-to-HSL.

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

हेक्स को HSL में क्यों बदलें?
ब्राइटनेस या सैचुरेशन एडजस्ट करते समय HSL समझना आसान होता है। आप ह्यू को फ़िक्स रखते हुए टिंट और शेड बनाने के लिए सैचुरेशन/लाइटनेस बदल सकते हैं।
क्या यह 3-डिजिट हेक्स सपोर्ट करता है?
हां — #abc को #aabbcc माना जाता है।

संदर्भ और स्रोत