रंग कंट्रास्ट चेकर
सामान्य और बड़े पाठ के लिए AA और AAA पास/फेल बैज के साथ WCAG कंट्रास्ट अनुपात जांचने के लिए अग्रभूमि और पृष्ठभूमि रंग दर्ज करें।
21.00:1
AA
सामान्य टेक्स्ट
AA
बड़ा टेक्स्ट
AAA
सामान्य टेक्स्ट
AAA
बड़ा टेक्स्ट
पूर्वावलोकन
ऋषि-मुनि सर्वदा शुभ्र-वस्त्र पहनकर ज्ञान-ध्यान में लीन रहते थे।
ऋषि-मुनि सर्वदा शुभ्र-वस्त्र पहनकर ज्ञान-ध्यान में लीन रहते थे।
यह कैसे काम करता है
रंग कंट्रास्ट चेकर WCAG 2.1 दिशानिर्देशों के अनुसार टेक्स्ट और बैकग्राउंड रंगों के बीच चमक कंट्रास्ट अनुपात मापता है।
HEX, RGB या HSL फॉर्मेट में टेक्स्ट और बैकग्राउंड रंग दर्ज करें। टूल तुरंत प्रत्येक रंग की सापेक्ष चमक और उनका कंट्रास्ट अनुपात गणना करता है।
WCAG स्तरों के अनुसार परिणाम परीक्षण किए जाते हैं: AA के लिए सामान्य टेक्स्ट ≥4.5:1, बड़े टेक्स्ट के लिए ≥3:1; AAA के लिए ≥7:1 और ≥4.5:1।
कम कंट्रास्ट दृष्टिबाधित उपयोगकर्ताओं के लिए पढ़ना कठिन बनाता है।
उपयोग के मामले
- वेबसाइट रीडिज़ाइन लॉन्च करने से पहले एक्सेसिबिलिटी अनुपालन के लिए ब्रांड रंग पैलेट की जांच करना
- बटन और लिंक रंग चुनना जो डार्क या लाइट थीम पर पठनीय रहें
- Section 508, EN 301 549, या ADA अनुरूपता के लिए WCAG 2.1 AA या AAA आवश्यकताओं को पूरा करना
- विकास शुरू होने से पहले अपठनीय पाठ को चिह्नित करने के लिए एक डिज़ाइनर द्वारा भेजे गए मॉकअप की समीक्षा करना
- यह दिखाकर एक्सेसिबिलिटी अवधारणाओं को सिखाना कि कैसे छोटे चमक अंतर बड़ी कंट्रास्ट विफलताओं का कारण बनते हैं
अक्सर पूछे जाने वाले प्रश्न
- WCAG क्या है?
- वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स — W3C द्वारा प्रकाशित मानक जो कई देशों में कानूनी रूप से आवश्यक है।
- न्यूनतम कंट्रास्ट अनुपात क्या होना चाहिए?
- अधिकांश साइटों के लिए कम से कम AA (सामान्य टेक्स्ट 4.5:1)।
- बड़े टेक्स्ट के अलग नियम हैं?
- हां — ≥18pt या ≥14pt बोल्ड टेक्स्ट के लिए केवल 3:1 (AA) आवश्यक है।
- क्या चेकर वर्णांधता को ध्यान में रखता है?
- चमक स्कोर अवधारणात्मक गणित पर आधारित हैं जो सामान्य वर्णांधता को कवर करते हैं।
- क्या HEX कोड सीधे पेस्ट कर सकते हैं?
- हां, #RRGGBB या RRGGBB पेस्ट करें।