मुफ़्त WCAG कलर कंट्रास्ट चेकर

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

कंट्रास्ट जाँच पूरी तरह आपके ब्राउज़र में WCAG 2.1 रिलेटिव ल्यूमिनेंस एल्गोरिदम का उपयोग करके चलती है — कोई लाइब्रेरी नहीं, कोई सर्वर नहीं, बस हाथ से लिखा गणित जो स्पेक का बिल्कुल पालन करता है। टाइप करते ही या रंग चुनते ही हर परिणाम रीयल टाइम में अपडेट होता है।

1. 1
   हेक्स इनपुट और नॉर्मलाइज़ेशन

   3-अंक (#abc) और 6-अंक (#aabbcc) दोनों हेक्स वैल्यू स्वीकार की जाती हैं और पूरी RGB triples में नॉर्मलाइज़ की जाती हैं। अमान्य इनपुट को चुपचाप काले पर डिफ़ॉल्ट करने की बजाय तुरंत अस्वीकार किया जाता है, इसलिए एक गुमराह करने वाले पास परिणाम की बजाय एक लाल बॉर्डर दिखाई देता है।
2. 2
   WCAG ल्यूमिनेंस गणना

   हर रंग WCAG 2.1 फ़ॉर्मूले का उपयोग करके रिलेटिव ल्यूमिनेंस में बदला जाता है: sRGB चैनल वैल्यू एक पीसवाइज़ गामा करेक्शन (0.03928 से नीचे 12.92 से भाग, इसके ऊपर 2.4 की पावर तक बढ़ाना) से लीनियराइज़ की जाती हैं, फिर 0.2126R + 0.7152G + 0.0722B के रूप में वेट की जाती हैं।
3. 3
   कंट्रास्ट रेश्यो और अनुपालन जाँच

   कंट्रास्ट रेश्यो (हल्का + 0.05) / (गहरा + 0.05) के रूप में गणना किया जाता है और सभी पाँच WCAG थ्रेशोल्ड के मुक़ाबले जाँचा जाता है: AA सामान्य टेक्स्ट (4.5:1), AA बड़ा टेक्स्ट (3:1), AAA सामान्य टेक्स्ट (7:1), AAA बड़ा टेक्स्ट (4.5:1), और UI कंपोनेंट (3:1)। परिणाम हर कीस्ट्रोक पर अपडेट होते हैं।
4. 4
   ह्यू-प्रिज़र्विंग फ़िक्स सुझाव

   जब जोड़ी WCAG AA में विफल होती है, टूल HSL लाइटनेस स्पेस खोजता है — मूल लाइटनेस से दोनों दिशाओं में बाहर की ओर बढ़ते हुए — हर रंग का निकटतम वेरिएंट खोजने के लिए जो समान ह्यू और सैचुरेशन रखते हुए 4.5:1 पास करता है। EyeDropper API (Chromium) भी आपकी स्क्रीन से सीधे किसी भी रंग को सैंपल करने के लिए उपलब्ध है।

संबंधित टूल