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

यह कैसे काम करता है

रंग कंट्रास्ट चेकर WCAG 2.1 दिशानिर्देशों के अनुसार टेक्स्ट और बैकग्राउंड रंगों के बीच चमक कंट्रास्ट अनुपात मापता है।

HEX, RGB या HSL फॉर्मेट में टेक्स्ट और बैकग्राउंड रंग दर्ज करें। टूल तुरंत प्रत्येक रंग की सापेक्ष चमक और उनका कंट्रास्ट अनुपात गणना करता है।

WCAG स्तरों के अनुसार परिणाम परीक्षण किए जाते हैं: AA के लिए सामान्य टेक्स्ट ≥4.5:1, बड़े टेक्स्ट के लिए ≥3:1; AAA के लिए ≥7:1 और ≥4.5:1।

कम कंट्रास्ट दृष्टिबाधित उपयोगकर्ताओं के लिए पढ़ना कठिन बनाता है।

व्यावहारिक उदाहरण

सफ़ेद पृष्ठभूमि पर धूसर पाठ #767676 जाँचें: कंट्रास्ट अनुपात ठीक 4.54:1 — सामान्य पाठ का WCAG AA (4.5:1 अपेक्षित) पास, पर AAA (7:1) फ़ेल; परिणाम-कार्ड हर दहलीज़ अलग दिखाते हैं, बड़े पाठ के ढीले नियमों समेत। लघुगणकीय पैमाना दिखाता है कि जोड़ी 1:1 और शुद्ध काले-सफ़ेद के 21:1 के बीच कहाँ है। APCA कार्ड WCAG 3 की मीट्रिक की झलक देता है, और अदला-बदली बटन तुरंत बताता है कि अग्रभूमि-पृष्ठभूमि पलटने से लाभ है या नहीं। लाइव पूर्वावलोकन असली पाठ दिखाता है — अपनी आँखों से परखिए।

उपयोग के मामले

• वेबसाइट रीडिज़ाइन लॉन्च करने से पहले एक्सेसिबिलिटी अनुपालन के लिए ब्रांड रंग पैलेट की जांच करना
• बटन और लिंक रंग चुनना जो डार्क या लाइट थीम पर पठनीय रहें
• Section 508, EN 301 549, या ADA अनुरूपता के लिए WCAG 2.1 AA या AAA आवश्यकताओं को पूरा करना
• विकास शुरू होने से पहले अपठनीय पाठ को चिह्नित करने के लिए एक डिज़ाइनर द्वारा भेजे गए मॉकअप की समीक्षा करना
• यह दिखाकर एक्सेसिबिलिटी अवधारणाओं को सिखाना कि कैसे छोटे चमक अंतर बड़ी कंट्रास्ट विफलताओं का कारण बनते हैं