कंट्रास्ट जाँचक
दो रंगों के बीच WCAG कंट्रास्ट अनुपात निकालें — सामान्य और बड़े टेक्स्ट के लिए AA व AAA का नतीजा तुरंत — और लाइव प्रीव्यू से अपनी आँखों से जाँचें। सब कुछ आपके ब्राउज़र में।
Aa — The quick brown fox jumps over the lazy dog. 0123456789
Aa — Large & bold sample 24px
WCAG thresholds — normal text: AA ≥ 4.5, AAA ≥ 7; large text (≥ 24 px, or ≥ 18.7 px bold): AA ≥ 3, AAA ≥ 4.5.
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता — किसी सर्वर पर अपलोड नहीं होता।
इस्तेमाल कैसे करें
- 1फ़ोरग्राउंड के लिए hex या rgb() मान लिखें या रंग चयनक का उपयोग करें।
- 2बैकग्राउंड रंग के लिए भी वही करें।
- 3अनुपात और AA / AAA बैज देखें, या कोई प्रीसेट दबाएँ।
- 4प्रीव्यू ब्लॉक से जोड़े का असर अपनी आँखों से परखें।
कंट्रास्ट जाँचक
फ़ोरग्राउंड और बैकग्राउंड रंग दर्ज करें — #333 या #1F2937 जैसा hex, या rgb()/rgba() — और दशमलव के दो अंकों तक WCAG कंट्रास्ट अनुपात पाएँ, साथ ही चारों महत्वपूर्ण सीमाओं (AA व AAA, सामान्य व बड़ा टेक्स्ट) का तुरंत पास/फेल बैज। लाइव प्रीव्यू में असली रंगों में अनुच्छेद और बड़ा शीर्षक दिखता है।
गणना WCAG 2.x के आधिकारिक सापेक्ष चमक (relative luminance) सूत्र से होती है — वही जो W3C के जाँचक में है — यानी यहाँ का 4.5 हर जगह 4.5 है। प्रीसेट में 4.54:1 का ग्रे जोड़ा भी है, जो दिखाता है कि AA की रेखा कितनी पतली है।
अक्सर पूछे जाने वाले सवाल
पास होने के लिए कितना कंट्रास्ट अनुपात चाहिए?
WCAG 2.x अनुसार सामान्य टेक्स्ट को AA के लिए 4.5:1 और AAA के लिए 7:1 चाहिए। बड़े टेक्स्ट — कम से कम 24px, या 18.7px बोल्ड — को AA के लिए 3:1 और AAA के लिए 4.5:1 चाहिए। UI घटकों और ग्राफ़िक्स को 3:1 चाहिए।
अनुपात कैसे निकाला जाता है?
हर रंग sRGB से रैखिक किया जाता है और सापेक्ष चमक L = 0.2126·R + 0.7152·G + 0.0722·B बनती है; अनुपात = (हल्की L + 0.05) ÷ (गहरी L + 0.05)। यही WCAG 2.x विनिर्देश का सूत्र है। 1 से कम rgba() अल्फा गणना से पहले सफ़ेद पर फ्लैट हो जाता है।
मिलते-जुलते टूल
कलर कन्वर्टर
रंग हेक्स, rgb() या hsl() में पेस्ट करें और तीनों फ़ॉर्मैट साथ में आपके डिज़ाइन सिस्टम के लिए तैयार टिंट-शेड की रो पाएँ।
सभी टूल →
कलर पिकर
स्वैच से रंग चुनें या EyeDropper API से सीधे स्क्रीन से उठाएँ — हेक्स, RGB और HSL एक क्लिक में कॉपी।
सभी टूल →
ग्रेड कैलकुलेटर
वेटेड या पॉइंट्स आधारित ग्रेड कैलकुलेटर: असाइनमेंट जोड़ें, मौजूदा ग्रेड और लेटर लाइव देखें, और जानें कि फ़ाइनल परीक्षा में ठीक कितने नंबर चाहिए।
सभी टूल →
यह टूल एम्बेड करें
एक लाइन में यह टूल अपनी साइट पर लगाएँ — यह विज़िटर के ब्राउज़र में चलता है।
<iframe src="https://zoyku.com/hi/tools/contrast-checker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — contrast-checker" loading="lazy"></iframe>