रंग को हल्का या गहरा करें
एक शुरुआती रंग चुनें, फिर स्लाइडर से उसके HSL ल्यूमिनोसिटी (चमक) घटक को सीधे सेट करें (0 से 100 के बीच एक मान, कोई सापेक्ष प्रतिशत नहीं) ताकि वह हल्का या गहरा हो जाए। प्रोसेसिंग 100% आपके ब्राउज़र में लोकल है — सर्वर को कुछ नहीं भेजा जाता।
यह कैसे काम करता है
सफ़ेद या काले के साथ साधारण मिश्रण के विपरीत, HSL मॉडल की ल्यूमिनोसिटी (L) बदलने से मूल ह्यू (H) और सैचुरेशन (S) ठीक वैसे ही बने रहते हैं: स्लाइडर की पूरी रेंज में रंग अपनी क्रोमैटिक पहचान बनाए रखता है, पूर्ण काले (L=0) से पूर्ण सफ़ेद (L=100) तक, बीच में शुद्ध रंग (L=50) के साथ। ज़्यादातर पेशेवर कलर पिकर एक ही रंग के संगत शेड बनाने के लिए यही तरीका इस्तेमाल करते हैं।
यह स्लाइडर हल्का करने का प्रतिशत क्यों नहीं दिखाता?
सापेक्ष प्रतिशत ("+20% चमक") शुरुआती मान पर निर्भर करता है और चरम सीमाओं के पास जल्दी अस्पष्ट हो जाता है। यहाँ स्लाइडर HSL स्पेस में L का निरपेक्ष मान सीधे तय करता है (0 से 100), जिससे शुरुआती रंग कोई भी हो, नतीजा अनुमानित और दोहराने योग्य रहता है।
क्या ह्यू (H) और सैचुरेशन (S) भी बदलते हैं?
नहीं, केवल ल्यूमिनोसिटी बदलती है। अगर आप रंग को ज़्यादा या कम चटख चाहते हैं, तो पिकर से शुरुआती रंग बदलें, जो ल्यूमिनोसिटी एडजस्ट करने से पहले ह्यू और सैचुरेशन को फिर से तय कर देता है।
कोई डेटा आपके डिवाइस से बाहर नहीं जाता: HSL गणना पूरी तरह आपके ब्राउज़र में JavaScript में चलती है।