"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मैं जावास्क्रिप्ट में हेक्स रंग को प्रोग्रामेटिक रूप से कैसे हल्का या गहरा कर सकता हूं?

मैं जावास्क्रिप्ट में हेक्स रंग को प्रोग्रामेटिक रूप से कैसे हल्का या गहरा कर सकता हूं?

2025-01-10 को प्रकाशित
ब्राउज़ करें:354

How can I programmatically lighten or darken a hex color in JavaScript?

प्रोग्रामेटिक रूप से हेक्स रंग को हल्का या गहरा करें (या आरजीबी, और रंगों को मिश्रित करें)

यह फ़ंक्शन आपको हेक्स रंग को प्रोग्रामेटिक रूप से एक विशिष्ट मात्रा तक हल्का या गहरा करने की अनुमति देता है। बस रंग के लिए "3F6D2A" जैसी एक स्ट्रिंग डालें और मात्रा को हल्का या गहरा करने के लिए एक पूर्णांक एएमटी डालें। अंधेरा करने के लिए, एक ऋणात्मक संख्या दर्ज करें (उदाहरण के लिए, -20)।

function LightenDarkenColor(col, amt) {
  col = parseInt(col, 16);
  return (((col & 0x0000FF)   amt) | ((((col >> 8) & 0x00FF)   amt) > 16)   amt) 

अन्य संस्करण

तेज़ और छोटा संस्करण:

function LightenDarkenColor(col, amt) {
  var num = parseInt(col, 16);
  var r = (num >> 16)   amt;
  var b = ((num >> 8) & 0x00FF)   amt;
  var g = (num & 0x0000FF)   amt;
  var newColor = g | (b 

# उपसर्ग के साथ या उसके बिना रंगों को संभालें:

function LightenDarkenColor(col, amt) {
    var usePound = false;
    if ( col[0] == "#" ) {
        col = col.slice(1);
        usePound = true;
    }

    var num = parseInt(col, 16);

    var r = (num >> 16)   amt;

    if ( r > 255 ) r = 255;
    else if  (r > 8) & 0x00FF)   amt;

    if ( b > 255 ) b = 255;
    else if  (b  255 ) g = 255;
    else if  ( g 

उपयोग

फ़ंक्शन का उपयोग करने के लिए, बस उस हेक्स रंग की स्ट्रिंग को पास करें जिसे आप हल्का या गहरा करना चाहते हैं, और वह मात्रा जिसके अनुसार आप इसे समायोजित करना चाहते हैं। उदाहरण के लिए, निम्न कोड रंग "3F6D2A" को 40 तक हल्का कर देता है:

const lightenedColor = LightenDarkenColor("3F6D2A", 40);
console.log(`Lightened Color: ${lightenedColor}`); // Output: 7FADEE

प्रदर्शन

इस फ़ंक्शन का प्रदर्शन गति और आकार के लिए अनुकूलित है। यह रंग मानों में हेरफेर करने के लिए बिटवाइज़ ऑपरेशंस का उपयोग करता है, जो इसे बेहद तेज़ बनाता है। फ़ंक्शन भी बहुत छोटा है, जो इसे छोटे अनुप्रयोगों में उपयोग के लिए आदर्श बनाता है। # उपसर्ग के साथ या उसके बिना

अनुचित रंग मानों के लिए समायोजन

    एक हेक्स स्ट्रिंग प्रतिनिधित्व लौटाता है नया रंग
  • सीमाएं
  • फ़ंक्शन रंग को ठीक से हल्का या गहरा करने के लिए रंग को एचएसएल में परिवर्तित नहीं करता है। इसलिए, परिणाम एचएसएल का उपयोग करने वाले कार्यों से भिन्न हो सकते हैं।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3