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

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

रंग चयनकर्ताओं का उपयोग करके या सीधे hex मान टाइप करके एक अग्रभूमि और पृष्ठभूमि रंग चुनें। टूल WCAG 2.1 सूत्र का उपयोग करके प्रत्येक रंग की सापेक्ष चमक की गणना करता है — गामा डिकोडिंग के बाद sRGB चैनलों का भारित योग — और हल्की चमक को गहरी चमक से विभाजित करता है (शुद्ध काले के लिए शून्य से विभाजन से बचने के लिए अंश और हर में 0.05 जोड़कर)। परिणामी कंट्रास्ट अनुपात 1:1 (समान रंग) से 21:1 (शुद्ध सफेद पर शुद्ध काला) तक होता है। चार WCAG बैज पास या फेल दिखाते हैं: सामान्य पाठ के लिए AA (≥ 4.5:1), बड़े पाठ के लिए AA (≥ 3:1), सामान्य पाठ के लिए AAA (≥ 7:1), और बड़े पाठ के लिए AAA (≥ 4.5:1)। एक लाइव प्रीव्यू पैनल दृश्य सत्यापन के लिए सामान्य और बड़े पाठ में नमूना वाक्य दिखाता है। गणना बिना सर्वर कॉल के पूरी तरह से ब्राउज़र में होती है।

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

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