◐

कलर कंट्रास्ट चेकर

टेक्स्ट और बैकग्राउंड रंग के बीच WCAG कंट्रास्ट अनुपात की जाँच करें, AA/AAA परिणामों के साथ।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

टेक्स्ट रंग

बैकग्राउंड

The quick brown fox jumps over the lazy dog.

बड़ा नमूना टेक्स्ट

एक पूरा उदाहरण आज़माएँ

उदाहरण

टेक्स्ट का रंग #767676 और बैकग्राउंड #ffffff रखें। अनुपात 4.54:1 है, जो सामान्य टेक्स्ट के लिए AA पास करता है। एक शेड हल्का #777777 केवल 4.48:1 देता है और फ़ेल होता है, क्योंकि AA को सामान्य टेक्स्ट के लिए कम से कम 4.5:1 चाहिए।

ध्यान रखें

बड़े टेक्स्ट (लगभग 24px, या 18.7px बोल्ड) को AA के लिए केवल 3:1 चाहिए। यह अनुपात पतले फ़ॉन्ट, तस्वीरों पर टेक्स्ट और पारदर्शिता को नहीं गिनता, इसलिए असली डिज़ाइन भी जाँचें और केवल रंग से अर्थ न बताएँ।

इस टूल के बारे में

एक फोरग्राउंड और बैकग्राउंड रंग की तुलना करके WCAG कंट्रास्ट अनुपात देखें और जानें कि वह AA और AAA पास करता है या नहीं — सब आपके ब्राउज़र में स्थानीय रूप से गणना किया जाता है।

अक्सर पूछे जाने वाले प्रश्न

बड़ा टेक्स्ट किसे माना जाता है?

WCAG 18pt (24px) या 14pt (18.66px) बोल्ड टेक्स्ट को बड़ा मानता है, जिसके लिए AA हेतु कम अनुपात 3:1 चाहिए।

कौन-से अनुपात पास होते हैं?

सामान्य टेक्स्ट के लिए AA हेतु 4.5:1 और AAA हेतु 7:1 चाहिए; बड़े टेक्स्ट के लिए AA हेतु 3:1 और AAA हेतु 4.5:1 चाहिए।