कलर कन्वर्टर
लाइव स्वॉच प्रीव्यू के साथ HEX, RGB और HSL फ़ॉर्मैट के बीच रंग बदलें - कोई भी वैल्यू एडिट करें और बाकी तुरंत अपडेट हो जाएँगी।
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
अक्सर पूछे जाने वाले प्रश्न
RGB और HSL में क्या अंतर है?
RGB किसी रंग को उसके लाल, हरे और नीले लाइट कंपोनेंट (हर एक 0-255) से बताता है। HSL उसी रंग को ह्यू (कलर व्हील पर पोज़िशन, 0-360°), सैचुरेशन (तीव्रता, 0-100%) और लाइटनेस (0-100%) से बताता है। किसी रंग को बिना उसका ह्यू बदले हल्का या मंद बनाने जैसे एडजस्टमेंट के लिए HSL अक्सर ज़्यादा सहज होता है।
क्या मैं #fff जैसा 3-अंकों का हेक्स कोड डाल सकता हूँ?
हाँ, शॉर्टहैंड 3-अंकों वाले हेक्स कोड कन्वर्ट करने से पहले अपने आप विस्तारित हो जाते हैं, #fff, #ffffff बन जाता है।
हर जगह सिर्फ़ HEX इस्तेमाल करने की बजाय मैं HEX को HSL में क्यों बदलूँ?
HSL कुछ CSS ट्रिक्स को आसान बनाता है, जैसे सिर्फ़ लाइटनेस वैल्यू बदलकर एक जैसे रंग शेड्स का सेट जेनरेट करना, या ह्यू से अलग सैचुरेशन और लाइटनेस को नियंत्रित करके एक एक्सेसिबल कलर पैलेट बनाना।