HEX से HSL कलर कन्वर्टर — मुफ़्त ऑनलाइन

HEX कलर कोड को तुरंत HSL में बदलें, रंग प्रीव्यू, फ़ॉर्मूला और आम रंगों की तालिका के साथ।

Converter

HEX, RGB, HSL, HSV और CMYK — सब एक साथ

स्लाइडर खींचें, कोई स्वैच चुनें, या HEX कोड दर्ज करें - सभी फ़ॉर्मेट रीयल-टाइम में अपडेट होते हैं

HEX
RGB
HSL
HSV
CMYK

परिणाम केवल जानकारी के उद्देश्य से दिए गए हैं और उनमें त्रुटियाँ हो सकती हैं। महत्वपूर्ण जानकारी की स्वतंत्र रूप से पुष्टि करें। इस टूल का उपयोग आपके अपने जोखिम पर है।

HEX को HSL में कैसे बदलें

HEX कलर कोड को तुरंत HSL में बदलें। HEX या RGB मान लिखें या स्लाइडर चलाएँ, सारे फ़ॉर्मेट एक साथ अपडेट होते हैं, साथ में रंग का प्रीव्यू, फ़ॉर्मूला और आम रंगों की तालिका।

  1. ऊपर उसके फ़ील्ड में HEX मान, जैसे #3B82F6, लिखें या पेस्ट करें।
  2. HSL मान तुरंत अपडेट होता है: #3B82F6 है hsl(217, 91%, 60%)। बाक़ी फ़ॉर्मेट और रंग का प्रीव्यू भी बदल जाते हैं।
  3. HSL मान को अपने CSS, डिज़ाइन टूल या कोड में कॉपी करें।

HEX से HSL का फ़ॉर्मूला

लाल, हरे और नीले को 0–1 के पैमाने पर लाएँ। लाइटनेस सबसे बड़े और सबसे छोटे चैनल का औसत है, सैचुरेशन उनके अंतर के साथ बढ़ता है, और ह्यू 360° कलर व्हील पर सबसे प्रबल चैनल की जगह है:

#3B82F6 → hsl(217, 91%, 60%)

आम रंग HEX और HSL में

HEXHSL
#000000hsl(0, 0%, 0%)
#FFFFFFhsl(0, 0%, 100%)
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFF00hsl(60, 100%, 50%)
#00FFFFhsl(180, 100%, 50%)
#FF00FFhsl(300, 100%, 50%)
#808080hsl(0, 0%, 50%)
#FFA500hsl(39, 100%, 50%)
#800080hsl(300, 100%, 25%)
#3B82F6hsl(217, 91%, 60%)

HEX और HSL क्या हैं

HEX रंग एक # और उसके बाद छह हेक्साडेसिमल अंक होता है: लाल, हरे और नीले के लिए दो-दो अंक, 00 (कुछ नहीं) से FF (पूरा) तक। CSS और डिज़ाइन टूल में रंग लिखने का यह सबसे आम तरीका है।

HSL रंग को ह्यू (कलर व्हील पर 0 से 360 का कोण), सैचुरेशन और लाइटनेस (दोनों % में) से बताता है। इससे उसी रंग के हल्के, गहरे या फीके रूप बनाना आसान होता है।

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

क्या बदलने से रंग बदल जाता है?

HEX, RGB और HSL स्क्रीन के एक ही रंग बताते हैं, इसलिए इनके बीच बदलाव सटीक होता है (HSL पूर्णांकों में राउंड होता है)। CMYK छपाई के लिए है: छपा हुआ नतीजा प्रिंटर के कलर प्रोफ़ाइल पर निर्भर करता है, इसलिए स्क्रीन से निकाले गए CMYK मान को शुरुआती अनुमान मानें।

क्या नतीजा CSS में इस्तेमाल कर सकते हैं?

हाँ। CSS सीधे hex (#3B82F6), rgb(59, 130, 246) और hsl(217, 91%, 60%) स्वीकार करता है। CMYK CSS फ़ॉर्मेट नहीं है; यह छपाई और डिज़ाइन सॉफ़्टवेयर में इस्तेमाल होता है।

पारदर्शिता का क्या?

अल्फ़ा मान जोड़ें: CSS में 8 अंकों वाला hex (#3B82F680) या rgba()/hsla()। कन्वर्टर ठोस रंग पर काम करता है; अल्फ़ा मान हर फ़ॉर्मेट में वही रहता है।

क्या यह टूल मुफ़्त है?

हाँ, यह मुफ़्त है। पंजीकरण या ईमेल की ज़रूरत नहीं। परिणाम इसी पेज पर मिलता है।

मेरा परिणाम कहाँ मिलेगा?

इसी पेज पर टूल का उपयोग करें। परिणाम यहीं दिखता है, ईमेल से प्राप्त करने की ज़रूरत नहीं है।