Color Contrast Checker
टेक्स्ट और बैकग्राउंड रंग के बीच WCAG कंट्रास्ट रेशियो जाँचें — नॉर्मल टेक्स्ट, लार्ज टेक्स्ट और UI कंपोनेंट्स के लिए AA/AAA पास-फेल ग्रेड देखें, लाइव प्रीव्यू और एक्सेसिबल-कलर सुझावों के साथ।
The quick brown fox
लार्ज टेक्स्ट आराम से पढ़ा जाता है जब कंट्रास्ट पर्याप्त हो।
यह नॉर्मल बॉडी टेक्स्ट का एक सैंपल पैराग्राफ है। अच्छा कलर कंट्रास्ट आपका कंटेंट सबके लिए पठनीय रखता है, कम दृष्टि या रंग अंधेपन वाले लोगों सहित। एक सैंपल लिंक.
स्मॉल प्रिंट और कैप्शन पढ़ने में सबसे कठिन होते हैं — उन्हें सबसे अधिक कंट्रास्ट चाहिए।सब कुछ WCAG 2.x रिलेटिव-ल्यूमिनेंस फॉर्मूले का उपयोग करके आपके ब्राउज़र में लाइव कम्प्यूट होता है — कोई अपलोड नहीं, कोई साइन-अप नहीं, बिल्कुल फ्री।
Color Contrast Checker के बारे में
कलर कॉन्ट्रास्ट चेकर एक टेक्स्ट रंग और एक बैकग्राउंड रंग के बीच WCAG कॉन्ट्रास्ट अनुपात मापता है, फिर सामान्य टेक्स्ट, बड़े टेक्स्ट और UI कंपोनेंट के लिए इस जोड़े को AA और AAA एक्सेसिबिलिटी स्तरों के मुकाबले ग्रेड करता है। जब भी आप कोई रंग समायोजित करते हैं, अनुपात और हर पास/फेल फैसला लाइव अपडेट होता है।
एक यथार्थवादी प्रीव्यू पैनल आपके चुने हुए संयोजन में हेडिंग, बॉडी कॉपी, छोटा प्रिंट, एक बटन और एक लिंक रेंडर करता है, ताकि आप एब्स्ट्रैक्ट स्वैच के बजाय वास्तविक कंटेंट से पठनीयता आंक सकें। जब कोई जोड़ी फेल होती है, तो यह टूल AA के 4.5:1 थ्रेशोल्ड तक पहुंचने वाला निकटतम एक्सेसिबल टेक्स्ट रंग सुझाता है, जिसे एक क्लिक में लागू किया जा सकता है।
गणित WCAG 2.x के रिलेटिव-ल्यूमिनेंस फॉर्मूले का पालन करता है और पूरी तरह आपके ब्राउज़र में चलता है — कुछ भी अपलोड नहीं होता और जांचें मुफ़्त हैं। आप एक्सेसिबिलिटी रिव्यू या पुल रिक्वेस्ट में पेस्ट करने के लिए अनुपात और ग्रेड की एक संक्षिप्त टेक्स्ट रिपोर्ट भी कॉपी कर सकते हैं।
Color Contrast Checker का उपयोग कैसे करें
- पिकर से या मान टाइप करके अपना टेक्स्ट रंग और बैकग्राउंड रंग सेट करें।
- सामान्य टेक्स्ट, बड़े टेक्स्ट और UI कंपोनेंट के लिए कॉन्ट्रास्ट अनुपात और AA/AAA परिणाम पढ़ें।
- अपने रंगों में वास्तविक हेडिंग, पैराग्राफ, बटन और लिंक देखने के लिए लाइव प्रीव्यू जांचें।
- यदि जोड़ी फेल होती है, तो सुझाया गया एक्सेसिबल टेक्स्ट रंग लागू करें या दोनों रंग बदल दें।
- अनुपात और अनुपालन परिणाम साझा करने के लिए "Copy report" पर क्लिक करें।