पृष्ठभूमि की चमक के आधार पर पाठ का रंग समायोजित करना

इष्टतम सुपाठ्यता प्राप्त करने के लिए अक्सर पृष्ठभूमि के विपरीत पाठ के रंग को समायोजित करने की आवश्यकता होती है। इस मामले में, वांछित प्रभाव पृष्ठभूमि पिक्सेल के चमक स्तर के आधार पर टेक्स्ट रंग या छवियों को गतिशील रूप से स्विच करना है।

कंट्रास्ट समायोजन के लिए दृष्टिकोण

• चमक गणना: चमक स्तर निर्धारित करने के लिए रंगीन चैनलों (आरजीबी) के भारित औसत की गणना करें।
• कंट्रास्ट अनुपात: पाठ और पृष्ठभूमि की चमक की तुलना करें दृश्य पहुंच के लिए पर्याप्त कंट्रास्ट सुनिश्चित करने के लिए। W3C) किसी रंग की चमक की गणना करने और पर्याप्त कंट्रास्ट सुनिश्चित करने के लिए एक मानकीकृत एल्गोरिदम प्रदान करता है। &&&]

W3C कंट्रास्ट एल्गोरिदम

const rgb = [255, 0, 0]; फ़ंक्शन सेटकंट्रास्ट() { // चमक की गणना करें स्थिरांक चमक = Math.round(((parseInt(rgb[0]) * 299) (parseInt(rgb[1]) * 587) (parseInt(rgb[2]) * 114)) / 1000); // टेक्स्ट का रंग सेट करें स्थिरांक textColour = (चमक> 125)? 'श्याम सफेद'; // पृष्ठभूमि का रंग सेट करें स्थिरांक पृष्ठभूमि रंग = 'आरजीबी(' आरजीबी[0] ',' आरजीबी[1] ',' आरजीबी[2] ')'; $('#bg').css('color', textColour); $('#bg').css('पृष्ठभूमि-रंग', पृष्ठभूमिरंग); }

• यह एल्गोरिदम पृष्ठभूमि चमक के आधार पर दृश्यमान रूप से इष्टतम टेक्स्ट रंग चयन सुनिश्चित करता है।