डिज़ाइन

रंग कंट्रास्ट जाँचक

दो रंगों के लिए WCAG कंट्रास्ट अनुपात।

लगभग इससे पहले कि हमें पता चलता, हम ज़मीन छोड़ चुके थे।
1.00
कंट्रास्ट अनुपात
मानकसामान्य पाठबड़ा पाठ
WCAG AA——
WCAG AAA——
WCAG 1.4.11गैर-टेक्स्ट / UI घटक (≥3:1): —

सबसे नज़दीकी AA टेक्स्ट विकल्पOKLCH विकल्प की गणना हो रही है…

यह रिपोर्ट WCAG 2.2 की कॉन्ट्रास्ट-अनुपात आवश्यकताओं का पालन करती है। APCA अभी प्रयोगात्मक है और WCAG 3 अनुपालन परिणाम नहीं है।

रंग चुनें? कलर कन्वर्टर · सोशल बायो: फैंसी टेक्स्ट जेनरेटर · पैमाना: रंग शेड्स जेनरेटर.

कैसे उपयोग करें

टेक्स्ट का रंग और बैकग्राउंड रंग चुनें। कंट्रास्ट अनुपात और हर WCAG स्तर के लिए पास/फ़ेल लाइव अपडेट होता है, प्रीव्यू के साथ।

FAQ

अच्छा कंट्रास्ट अनुपात क्या है?

WCAG AA में सामान्य text के लिए 4.5:1 और बड़े text के लिए 3:1 आवश्यक है। AAA में क्रमशः 7:1 और 4.5:1 आवश्यक है। WCAG 1.4.11 में आवश्यक non-text graphics तथा UI component की boundaries या states के लिए भी 3:1 आवश्यक है।

बड़ा टेक्स्ट क्या माना जाता है?

बड़ा टेक्स्ट लगभग 18pt (24px) या 14pt (18.66px) बोल्ड और उससे बड़ा होता है।

अनुपात की गणना कैसे की जाती है?

दोनों रंगों के सापेक्ष ल्यूमिनेंस से: (हल्का + 0.05) ÷ (गहरा + 0.05), WCAG सूत्र के अनुसार।

अंतिम अपडेट: