] उदाहरण के लिए, यदि वर्तमान रंग काला है, तो विपरीत सफेद होना चाहिए। स्पष्ट दृश्यता सुनिश्चित करने के लिए एक गतिशील रंग के साथ एक टेक्स्ट के लिए एक विपरीत पृष्ठभूमि रंग सेट करते समय यह कार्य महत्वपूर्ण है।

इसे प्राप्त करने के लिए, हम निम्नलिखित दृष्टिकोण को नियोजित करते हैं:

हेक्स [0] हेक्स [1] हेक्स [1] हेक्स [2] हेक्स [2]; } if (hex.length! == 6) { नई त्रुटि फेंक दो ('अमान्य हेक्स रंग।'); } // इनवर्ट रंग घटकों। var r = (255 - parseint (hex.slice (0, 2), 16))। tostring (16), g = (255 - parseint (hex.slice (2, 4), 16))। tostring (16), b = (255 - parseint (hex.slice (4, 6), 16))। tostring (16); // प्रत्येक घटक को अग्रणी शून्य और वापसी के साथ पैड करें। लौटें '#' Padzero (R) Padzero (G) Padzero (B); } फ़ंक्शन Padzero (str, len) { लेन = लेन || 2; var zeros = new Array (len) .join ('0'); वापसी (शून्य str) .slice (-len); }

उदाहरण आउटपुट:

3. एक "BW" विकल्प के साथ एक उन्नत संस्करण आपको यह निर्दिष्ट करने की अनुमति देता है कि क्या परिणाम काले या सफेद के करीब होना चाहिए, बेहतर पठनीयता के लिए बेहतर विपरीत प्रदान करना: if (hex.indexof ('#') === 0) { hex = hex.slice (1); } // 3-अंकीय हेक्स को 6-डिजिट में परिवर्तित करें। if (hex.length === 3) { हेक्स = हेक्स [0] हेक्स [0] हेक्स [1] हेक्स [1] हेक्स [2] हेक्स [2]; } if (hex.length! == 6) { नई त्रुटि फेंक दो ('अमान्य हेक्स रंग।'); } var r = parseint (hex.slice (0, 2), 16), g = parseint (hex.slice (2, 4), 16), b = parseint (hex.slice (4, 6), 16); if (bw) { // यह निर्धारित करने के लिए कि क्या रंग काले या सफेद के करीब है। वापसी (r * 0.299 g * 0.587 B * 0.114)> 186 ? '#000000' : '#Ffffff'; } // इनवर्ट रंग घटकों। r = (255 - r) .toString (16); g = (255 - g) .toString (16); b = (255 - b) .tostring (16); // प्रत्येक घटक को अग्रणी शून्य और वापसी के साथ पैड करें। लौटें '#' Padzero (R) Padzero (G) Padzero (B); }
4. उदाहरण आउटपुट:

]