कंट्रास्ट रेशियो कैलकुलेटर

गणना दर्ज करें

फ़ोरग्राउंड रेड (0-255)

फ़ोरग्राउंड ग्रीन (0-255)

फ़ोरग्राउंड ब्लू (0-255)

बैकग्राउंड रेड (0-255)

बैकग्राउंड ग्रीन (0-255)

बैकग्राउंड ब्लू (0-255)

सूत्र (फॉर्मूला)

परिणाम

कंट्रास्ट रेशियो

21:1

WCAG 2.x रिलेटिव ल्यूमिनेंस रेशियो

फ़ोरग्राउंड ल्यूमिनेंस	0
बैकग्राउंड ल्यूमिनेंस	1
WCAG AA — सामान्य टेक्स्ट (≥ 4.5)	Pass
WCAG AA — बड़ा टेक्स्ट (≥ 3.0)	Pass
WCAG AAA — सामान्य टेक्स्ट (≥ 7.0)	Pass
WCAG AAA — बड़ा टेक्स्ट (≥ 4.5)	Pass

कंट्रास्ट रेशियो कैलकुलेटर क्या है?

यह टूल आधिकारिक 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\) के रूप में जोड़ा जाता है, जो हरे रंग के प्रति आँख की ज़्यादा संवेदनशीलता को दर्शाता है।

अनुपात हल्की चमक L1 और गहरी चमक L2 की तुलना करता है, प्रत्येक में 0.05 जोड़ा जाता है।

हल किया हुआ उदाहरण

सफ़ेद (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 क्यों जोड़ा जाता है? यह कॉन्स्टेंट स्क्रीन के एम्बिएंट फ़्लेयर (परिवेशी चमक) को दर्शाता है, ताकि शुद्ध काले पर शुद्ध काला भी एक निश्चित, अनंत न होने वाली वैल्यू दे।