कलर कॉन्ट्रास्ट चेकर
दो हेक्स कलर्स के बीच WCAG कॉन्ट्रास्ट रेशियो चेक करें और देखें कि जोड़ी AA और AAA एक्सेसिबिलिटी स्टैंडर्ड पास करती है या नहीं।
क्या इस टूल से आपके सवाल का जवाब मिला?
धन्यवाद — इससे हमें टूल बेहतर बनाने में मदद मिलती है।
इस टूल का उपयोग कैसे करें
- फ़ोरग्राउंड (टेक्स्ट) कलर और बैकग्राउंड कलर हेक्स कोड में डालें।
- टूल हर कलर की WCAG रिलेटिव ल्यूमिनेंस कैलकुलेट करता है।
- कॉन्ट्रास्ट रेशियो और AA व AAA थ्रेशोल्ड के लिए Pass/Fail रिज़ल्ट देखें।
चेक करें कि दो कलर्स WCAG 2.1 कॉन्ट्रास्ट रिक्वायरमेंट पूरी करते हैं या नहीं। नॉर्मल टेक्स्ट (AA) के लिए न्यूनतम रेशियो 4.5:1 है और सबसे ऊंचे AAA स्टैंडर्ड के लिए 7:1।
सूत्र
For each hex color, compute relative luminance L using the WCAG formula:L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.
Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)
WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.
अक्सर पूछे जाने वाले प्रश्न
- WCAG कॉन्ट्रास्ट रेशियो क्या है?
- WCAG (वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस) एक कॉन्ट्रास्ट रेशियो फ़ॉर्मूला डिफ़ाइन करता है। यह 1:1 (कोई कॉन्ट्रास्ट नहीं) से 21:1 (सफ़ेद पर काला) तक होता है। नॉर्मल बॉडी टेक्स्ट के लिए AA कम्प्लायंस हेतु कम से कम 4.5:1 चाहिए।
- लार्ज टेक्स्ट में क्या गिना जाता है?
- लार्ज टेक्स्ट का मतलब है 18pt (24px) या बड़ा, या 14pt बोल्ड (करीब 19px बोल्ड)। लार्ज टेक्स्ट के लिए AA में सिर्फ़ 3:1 रेशियो चाहिए।