रंग कंट्रास्ट जाँच
WCAG 2.2 AA और AAA सीमाओं के अनुसार टेक्स्ट और पृष्ठभूमि का कंट्रास्ट जाँचें। पारदर्शी रंगों के पीछे अपारदर्शी कैनवास चुनें, सामान्य या बड़े टेक्स्ट का पूर्वावलोकन देखें और रिपोर्ट निर्यात करें।
अन्य नामकलर कंट्रास्ट चेकर · color contrast checker · WCAG कंट्रास्ट चेकर · contrast checker · कंट्रास्ट रेशियो चेक करें
CSS रंग नाम, HEX, RGB/RGBA या HSL/HSLA दें। गणना से पहले पारदर्शी रंग चुने कैनवास पर मिलाए जाते हैं।
| उपयोग | न्यूनतम | परिणाम |
|---|---|---|
| सामान्य टेक्स्ट · AA | 4.5:1 | पास |
| सामान्य टेक्स्ट · AAA | 7:1 | पास |
| बड़ा टेक्स्ट · AA | 3:1 | पास |
| बड़ा टेक्स्ट · AAA | 4.5:1 | पास |
| ज़रूरी UI और ग्राफ़िक्स · AA | 3:1 | पास |
पास/असफल निर्णय बिना राउंड किए अनुपात से होता है। बड़ा टेक्स्ट कम से कम 24 CSS px, या बोल्ड में लगभग 18.67 CSS px है। UI कंट्रास्ट पास के वास्तविक रंगों पर निर्भर है; यह जोड़ी पूरे WCAG अनुपालन का प्रमाण नहीं है।
हर शब्द आसानी से पढ़ा जाए।
पूर्वावलोकन सामान्य टेक्स्ट की सीमा उपयोग करता है। प्रभावी पृष्ठभूमि: #FFFFFF (दिखाने के लिए राउंड)।
तीन आसान चरण।
- CSS रंग नाम, HEX, RGB या HSL में टेक्स्ट और पृष्ठभूमि के रंग दें।
- पारदर्शिता के पीछे अपारदर्शी कैनवास चुनकर परिणाम देखें।
- टेक्स्ट का पूर्वावलोकन लें, रंग बदलें और रिपोर्ट कॉपी या डाउनलोड करें।
कुछ ज़रूरी बातें।
sRGB सापेक्ष चमक और बिना गोल किए अनुपात से पास/फ़ेल तय होता है। बड़ा टेक्स्ट कम से कम 24 CSS पिक्सेल या बोल्ड में लगभग 18.67 पिक्सेल है। यह ठोस रंगों की जोड़ी जाँचता है; ग्रेडिएंट, चित्र, वास्तविक फ़ॉन्ट रेंडरिंग, आस-पास के UI रंग व पूरी सुलभता की अलग समीक्षा चाहिए।
आपकी गोपनीयता कैसे सुरक्षित रहती है →अक्सर पूछे जाने वाले सवाल।
4.50:1 दिखने पर भी फ़ेल क्यों होता है?
प्रदर्शन दो दशमलव तक गोल है। निर्णय मूल अनुपात पर है; 4.5 से थोड़ा कम मान भी सामान्य टेक्स्ट की AA सीमा में फ़ेल होता है।
पारदर्शिता का क्या असर होता है?
पहले पृष्ठभूमि चुने हुए अपारदर्शी कैनवास पर मिलती है, फिर टेक्स्ट उस प्रभावी पृष्ठभूमि पर। इसके बाद कंट्रास्ट निकलता है। कैनवास बदलने पर परिणाम बदल सकता है।
संबंधित खोजेंcontrast checker wcag 2.2 · contrast checker wcag aa