सोडवले: जावास्क्रिप्ट हेक्स ते आरजीबी

हेक्साडेसिमल कलर व्हॅल्यूजला आरजीबीमध्ये रूपांतरित करताना मुख्य समस्या ही आहे की दोन फॉरमॅटमध्ये एक-टू-वन पत्रव्यवहार नाही. उदाहरणार्थ, रंग #FF0000 RGB मध्ये 255, 0, 0 म्हणून दर्शविला जातो, परंतु हेक्समध्ये तो रंग #F0 सारखा असेल. याचा अर्थ असा की दोन भिन्न रंगांमध्ये समान RGB मूल्य असू शकते जर ते प्रत्येक रंग घटकाच्या वेगवेगळ्या प्रमाणात बनलेले असतील.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

"कडक वापरा";

कोडची ही ओळ कठोर मोड सक्षम करते, जो उत्तम JavaScript लिहिण्याचा एक मार्ग आहे. कठोर मोडमध्ये, आपण अघोषित चल वापरू शकत नाही. कठोर मोड कार्य करण्यासाठी कोडची ही ओळ तुमच्या JavaScript फाइलच्या शीर्षस्थानी असणे आवश्यक आहे.

कार्य hexToRgb(हेक्स) {
var परिणाम = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
परिणाम परत? {
r: parseInt(परिणाम[1], 16),
g: parseInt(परिणाम[2], 16),
b: parseInt(परिणाम[3], 16)
} : निरर्थक;
}

हे असे फंक्शन आहे जे हेक्स कलर व्हॅल्यूला आरजीबी कलर व्हॅल्यूमध्ये रूपांतरित करते. फंक्शन एका पॅरामीटरमध्ये घेते, जे हेक्स कलर व्हॅल्यू आहे जे तुम्हाला रूपांतरित करायचे आहे. हेक्स कलर व्हॅल्यूच्या पॅटर्नशी जुळण्यासाठी हे फंक्शन रेग्युलर एक्स्प्रेशन वापरते आणि जर ते जुळले तर ते लाल, हिरवे आणि निळ्या व्हॅल्यूसह ऑब्जेक्ट परत करेल. जर त्याला जुळणी सापडली नाही, तर ती शून्य परत येईल.

रंगांमधील रूपांतरण

या प्रश्नाचे कोणतेही एक-आकार-फिट-सर्व उत्तर नाही, कारण भिन्न रंगांच्या स्पेसमध्ये रंग रूपांतरित करण्याचा सर्वोत्तम मार्ग आपल्या अनुप्रयोगाच्या विशिष्ट गरजांवर अवलंबून बदलू शकतो. तथापि, JavaScript मधील कलर स्पेसमध्ये रंग कसे रूपांतरित करायचे यावरील काही टिपा खाली आढळू शकतात.

रंग एका रंगाच्या जागेतून दुसऱ्या रंगात रूपांतरित करण्यासाठी, तुम्ही rgb() आणि hsl() फंक्शन्स वापरू शकता. ही फंक्शन्स तीन वितर्क घेतात: अनुक्रमे लाल, हिरवे आणि निळे मूल्य. पहिला युक्तिवाद बेस कलर स्पेस (उदा. RGB) निर्दिष्ट करतो, तर दुसरा आणि तिसरा वितर्क लक्ष्य रंग स्पेस (उदा. HSL) निर्दिष्ट करतो.

रंग एका पिक्सेल फॉरमॅटमधून दुसऱ्यामध्ये रूपांतरित करण्यासाठी, तुम्ही css() फंक्शन वापरू शकता. हे फंक्शन दोन वितर्क घेते: CSS गुणधर्म नाव (उदा. "रंग") दर्शवणारी स्ट्रिंग आणि त्या मालमत्तेसाठी इच्छित मूल्य दर्शवणारी संख्या (उदा. "50").

रंग स्वरूप

आपण JavaScript मध्ये वापरू शकता असे काही भिन्न रंग स्वरूप आहेत.

RGB - लाल, हिरवा, निळा

HEX - #RRGGBB

एचएसएल - रंग, संपृक्तता, हलकीपणा