रंग कंट्रास्ट चेकर (WCAG)
दोनों रंग हेक्स (#1f2937) या rgb(31, 41, 55) रूप में दर्ज करें।
जवाब
4.54:1कंट्रास्ट अनुपात
- AA, सामान्य टेक्स्ट (4.5:1)
- ✓
- AA, बड़ा टेक्स्ट (3:1)
- ✓
- AAA, सामान्य टेक्स्ट (7:1)
- ✕
- AAA, बड़ा टेक्स्ट (4.5:1)
- ✓
- पढ़े गए रंग
- #767676 / #ffffff
इनपुट
- टेक्स्ट का रंग
- #767676
- बैकग्राउंड का रंग
- #ffffff
हिसाब कैसे होता है
हर रंग की relative luminance को linearized sRGB चैनलों से निकाला जाता है।
जवाब
कंट्रास्ट अनुपात
- AA, सामान्य टेक्स्ट (4.5:1)
- ✓
- AA, बड़ा टेक्स्ट (3:1)
- ✓
- AAA, सामान्य टेक्स्ट (7:1)
- ✕
हिसाब कैसे होता है
- हर रंग की relative luminance को linearized sRGB चैनलों से निकाला जाता है।
- अनुपात = (हल्का L + 0.05) ÷ (गहरा L + 0.05), सीमा 1:1 से 21:1 तक।
- अनुपात को बिना rounding के WCAG 2 सीमाओं से तुलना की जाती है।
उदाहरण
सफेद पर #767676 का अनुपात 4.54:1 है: सामान्य टेक्स्ट के लिए AA पूरा, AAA नहीं।
ध्यान दें
- बड़ा टेक्स्ट कम से कम 24 px या bold में 18.66 px होता है।
- पारदर्शिता और gradients को ध्यान में नहीं रखा जाता।
कब इस्तेमाल करें
- वेबसाइट टेक्स्ट और बैकग्राउंड के बीच पठनीयता जाँचें।
- WCAG AA या AAA कंट्रास्ट लक्ष्य की पुष्टि करें।
आम सवाल
सामान्य टेक्स्ट के लिए WCAG AA का अनुपात क्या है?
WCAG 2 के अनुसार सामान्य टेक्स्ट के लिए AA अनुपात कम से कम 4.5:1 होना चाहिए।
WCAG में बड़ा टेक्स्ट किसे कहते हैं?
बड़ा टेक्स्ट कम से कम 24 CSS px या bold में लगभग 18.66 CSS px होता है।
क्या पारदर्शिता और gradients की जाँच होती है?
नहीं। यह टूल दिए गए ठोस रंगों का अनुपात निकालता है; पारदर्शिता और gradients शामिल नहीं हैं।