WCAG कंट्रास्ट अनुपात सूत्र
Formula
कंट्रास्ट = (एल1 + 0.05) / (एल2 + 0.05) जहां एल1 हल्की चमक है।
Variables
- आर, जी, बी
- एसआरजीबी चैनल (0-255 या 0-1 सामान्यीकृत)
- एच, एस, एल
- एचएसएल में रंग (डिग्री), संतृप्ति और हल्कापन (0-1)।
- एल
- सापेक्ष चमक (WCAG) या HSL/OKLCH में हल्कापन
FAQ
- क्या WCAG कंट्रास्ट अनुपात फॉर्मूला प्रिंट वर्कफ़्लोज़ के लिए सटीक है?
- स्क्रीन आरजीबी और प्रिंट सीएमवाईके अलग-अलग सरगम का उपयोग करते हैं। रूपांतरणों को अनुमानित प्रमाण मानें; वाणिज्यिक प्रिंट के लिए आईसीसी प्रोफाइल के साथ अंशांकन करें।
- क्या मैं इस फ़ॉर्मूले का उपयोग CSS में कर सकता हूँ?
- आधुनिक सीएसएस कई ऑपरेशनों के लिए कलर-मिक्स(), ओकेएलसीएच() और लैब() का समर्थन करता है। जटिल पाइपलाइनों के लिए, जावास्क्रिप्ट में गणना करें और सीएसएस चर निर्यात करें।
- क्या Color DevByte मेरे रंग अपलोड करता है?
- नहीं, सूत्र संदर्भ पृष्ठ स्थिर दस्तावेज़ हैं; इंटरैक्टिव टूल आपके ब्राउज़र में 100% क्लाइंट-साइड चलते हैं।
सिंहावलोकन
अग्रभूमि और पृष्ठभूमि रंगों के बीच सापेक्ष चमक कंट्रास्ट की गणना करें।
Color DevByte इस फ़ॉर्मूले को उन डेवलपर्स, डिज़ाइनरों और एक्सेसिबिलिटी समीक्षकों के लिए दस्तावेज़ित करता है, जिन्हें सर्वर पर डेटा भेजे बिना प्रतिलिपि प्रस्तुत करने योग्य रंग गणित की आवश्यकता होती है।
इस फ़ॉर्मूले को लाइव पूर्वावलोकन और बहु-प्रारूप निर्यात के साथ इंटरैक्टिव रूप से लागू करने के लिए लिंक किए गए रंग टूल का उपयोग करें।
इस फॉर्मूले का उपयोग कब करें
डिज़ाइन टोकन बनाते समय, WCAG कंट्रास्ट को मान्य करते समय, या CSS, टेलविंड, या डिज़ाइन-सिस्टम JSON में रंग पाइपलाइनों को स्वचालित करते समय wcag कंट्रास्ट अनुपात फॉर्मूला लागू करें।
उत्पादन यूआई के लिए, हमेशा कंट्रास्ट चेकर या विज़ुअल पूर्वावलोकन के साथ परिणामों को सत्यापित करें - गामा सुधार और गैमट मैपिंग में किनारे के मामले परिणामों को बदल सकते हैं।
कार्यान्वयन नोट्स
ब्राउज़र-आधारित टूल को ल्यूमिनेंस या ΔE गणना से पहले sRGB को रैखिक बनाना चाहिए।
आरजीबी मिश्रणों में सामान्य भूरे रंग के मध्य बिंदुओं से बचने के लिए ग्रेडिएंट और थीम के लिए ओकेएलसीएच या लैब इंटरपोलेशन को प्राथमिकता दें।