Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

आरजीबी रंग जावास्क्रिप्ट के लिए हेक्साडेसिमल रंग

<घंटा/>

हमें एक जावास्क्रिप्ट फ़ंक्शन लिखने की आवश्यकता है जो एक हेक्साडेसिमल रंग लेता है और अपना आरजीबी प्रतिनिधित्व देता है।

फ़ंक्शन को लाल, हरे और नीले रंग के संबंधित मान वाले ऑब्जेक्ट को वापस करना चाहिए -

उदाहरण के लिए:

hexToRgb('#0080C0') should return 0, 128, 192

इसके लिए कोड होगा -

const hex = '#0080C0';
const hexToRGB = hex => {
   let r = 0, g = 0, b = 0;
   // handling 3 digit hex
   if(hex.length == 4){
      r = "0x" + hex[1] + hex[1];
      g = "0x" + hex[2] + hex[2];
      b = "0x" + hex[3] + hex[3];
      // handling 6 digit hex
   }else if (hex.length == 7){

      r = "0x" + hex[1] + hex[2];
      g = "0x" + hex[3] + hex[4];
      b = "0x" + hex[5] + hex[6];
   };

   return{
      red: +r,
      green: +g,
      blue: +b
   };
}
console.log(hexToRGB(hex));

कंसोल पर आउटपुट निम्नलिखित है -

{ red: 0, green: 128, blue: 192 }

  1. जावास्क्रिप्ट में यादृच्छिक रंग जनरेटर जावास्क्रिप्ट में यादृच्छिक रंग जनरेटर

    जावास्क्रिप्ट में यादृच्छिक रंग उत्पन्न करने के लिए सिंटैक्स निम्नलिखित है - $("#yourIdName").css("background-color", yourCustomFunctionNameToGetRandomColor()); निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta

  1. जावास्क्रिप्ट में एन्यूमरेटेड टाइप्स को समझाइए। जावास्क्रिप्ट में एन्यूमरेटेड टाइप्स को समझाइए।

    JavaScript आउट ऑफ द बॉक्स Enums का समर्थन नहीं करता है। जावास्क्रिप्ट में एनम रखने का एकमात्र तरीका वस्तुओं का उपयोग करके उन्हें लागू करना है। निम्नलिखित कोड जावास्क्रिप्ट में प्रगणित प्रकार दिखा रहा है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q

  1. टिंकर में आरजीबी कलर कोड का उपयोग कैसे करें? टिंकर में आरजीबी कलर कोड का उपयोग कैसे करें?

    टिंकर में कई अंतर्निहित विशेषताएं और विशेषताएं हैं जो एप्लिकेशन डेवलपर को एक मजबूत और विशेष रुप से प्रदर्शित एप्लिकेशन बनाने में मदद करती हैं। हम टिंकर में कॉन्फ़िगरेशन विधि का उपयोग करके पृष्ठभूमि रंग, अग्रभूमि रंग, और विजेट के अन्य गुणों जैसी विशेषताओं को सेट कर सकते हैं। किसी विजेट का पृष्ठभूमि