कंट्रास्ट रेशियो कैलकुलेटर क्या है?
यह टूल आधिकारिक WCAG 2.x फ़ॉर्मूले का इस्तेमाल करके फ़ोरग्राउंड रंग (टेक्स्ट) और बैकग्राउंड रंग के बीच कलर कंट्रास्ट रेशियो निकालता है। कंट्रास्ट रेशियो एक्सेसिबिलिटी का एक अहम मानक है — यह बताता है कि कमज़ोर दृष्टि या कलर डेफ़िशिएंसी वाले लोगों के लिए आपका टेक्स्ट पढ़ने लायक रहेगा या नहीं। इसकी वैल्यू \(1:1\) (एक जैसे रंग, यानी अदृश्य टेक्स्ट) से लेकर \(21:1\) (शुद्ध काले पर शुद्ध सफ़ेद) तक होती है।
इसका इस्तेमाल कैसे करें
अपने फ़ोरग्राउंड (टेक्स्ट) रंग और बैकग्राउंड रंग के लिए रेड, ग्रीन और ब्लू कंपोनेंट (0–255) डालें। कैलकुलेटर हर चैनल को लीनियराइज़ करता है, दोनों रंगों की रिलेटिव ल्यूमिनेंस निकालता है, और 0.05 के एम्बिएंट-लाइट कॉन्स्टेंट को जोड़ने के बाद ज़्यादा चमकीले रंग को कम चमकीले से भाग देता है। इसके बाद यह बताता है कि यह जोड़ी सामान्य और बड़े टेक्स्ट के लिए WCAG AA और AAA पास करती है या नहीं।
फ़ॉर्मूला समझें
कंट्रास्ट रेशियो होता है $$\text{Contrast} = \frac{L_1 + 0.05}{L_2 + 0.05}$$ जहाँ \(L_1\) ज़्यादा चमकीले रंग की रिलेटिव ल्यूमिनेंस है और \(L_2\) कम चमकीले रंग की। रिलेटिव ल्यूमिनेंस निकालने के लिए पहले हर चैनल को 0–1 के दायरे में स्केल किया जाता है, फिर एक गामा ट्रांसफ़ॉर्म लगाया जाता है: अगर स्केल की गई वैल्यू \(\le 0.03928\) है तो उसे 12.92 से भाग दिया जाता है, वरना \(\left(\frac{c+0.055}{1.055}\right)^{2.4}\) के ज़रिए बढ़ाया जाता है। लीनियराइज़ किए गए चैनलों को \(0.2126\cdot R + 0.7152\cdot G + 0.0722\cdot B\) के रूप में जोड़ा जाता है, जो हरे रंग के प्रति आँख की ज़्यादा संवेदनशीलता को दर्शाता है।
हल किया हुआ उदाहरण
सफ़ेद (255,255,255) बैकग्राउंड पर काला टेक्स्ट (0,0,0): काले की ल्यूमिनेंस \(= 0\), सफ़ेद की ल्यूमिनेंस \(= 1\)। रेशियो $$= \frac{1 + 0.05}{0 + 0.05} = \frac{1.05}{0.05} = 21:1$$ — यानी सबसे ज़्यादा संभव कंट्रास्ट, जो हर WCAG स्तर को आसानी से पास कर लेता है।
सामान्य सवाल (FAQ)
मुझे कितने रेशियो की ज़रूरत है? WCAG AA के लिए सामान्य टेक्स्ट हेतु \(4.5:1\) और बड़े टेक्स्ट (≥18pt या 14pt बोल्ड) हेतु \(3:1\) ज़रूरी है। AAA के लिए क्रमशः \(7:1\) और \(4.5:1\) चाहिए।
क्या रंगों का क्रम मायने रखता है? नहीं — फ़ॉर्मूला हमेशा ज़्यादा चमकीली ल्यूमिनेंस को कम चमकीली से भाग देता है, इसलिए फ़ोरग्राउंड और बैकग्राउंड को आपस में बदलने पर भी रेशियो वही रहता है।
0.05 क्यों जोड़ा जाता है? यह कॉन्स्टेंट स्क्रीन के एम्बिएंट फ़्लेयर (परिवेशी चमक) को दर्शाता है, ताकि शुद्ध काले पर शुद्ध काला भी एक निश्चित, अनंत न होने वाली वैल्यू दे।
