रंग पहुँचाई चेकर
पाठ्य और पृष्ठभूमि रंग (हेक्स कोड) दर्ज करें ताकि उनके कंट्रास्ट अनुपात और WCAG अनुपालन की जांच की जा सके।
यह बड़ा बोल्ड पाठ्य है।
यह सामान्य आकार का पाठ्य है।
21.00:1
कंट्रास्ट अनुपात
सामान्य पाठ्य (AA)
बड़ा पाठ्य (AA)
18pt+ or 14pt+ bold
UI घटक (AA)
Buttons, form controls, etc.
Level AA (minimum required for accessibility compliance):
• Normal Text: Contrast ratio of at least 4.5:1
• Large Text: Contrast ratio of at least 3:1
• UI Components: Contrast ratio of at least 3:1
Level AAA (enhanced accessibility):
• Normal Text: Contrast ratio of at least 7:1
• Large Text: Contrast ratio of at least 4.5:1
Notes:
• "Large Text" is defined as 18pt or 14pt bold and above
• Logos and decorative elements have no minimum contrast requirement
• Text over images or gradients should be evaluated throughout the image
रंग पहुँचाई चेकर का उपयोग कैसे करें
- 1
दो रंग दर्ज करें
एक फ़ोरग्राउंड (टेक्स्ट) रंग और एक बैकग्राउंड रंग hex कोड के रूप में दें, उदाहरण के लिए #1a1a1a और #ffffff।
- 2
कंट्रास्ट जाँचें
दोनों रंगों के बीच कंट्रास्ट अनुपात निकालने के लिए Check Accessibility पर क्लिक करें।
- 3
WCAG नतीजों की समीक्षा करें
सामान्य टेक्स्ट, बड़े टेक्स्ट, और UI कंपोनेंट स्तरों पर AA और AAA के लिए पास या फ़ेल बैज देखें, और लाइव प्रीव्यू देखें।
- 4
ज़रूरत अनुसार समायोजित करें
रंगों को स्वैप करें या किसी hex मान में बदलाव करें जब तक कि संयोजन आपकी परियोजना के लिए ज़रूरी WCAG स्तर पूरा न कर ले।
अक्सर पूछे जाने वाले प्रश्न
कंट्रास्ट अनुपात क्या है और कितना अच्छा माना जाता है?
AA और AAA में क्या अंतर है?
बड़ा टेक्स्ट पास क्यों होता है जब सामान्य टेक्स्ट फ़ेल होता है?
मुझे कौन-सा रंग फ़ॉर्मैट दर्ज करना चाहिए?
क्या यह चेकर मुफ़्त है और क्या यह मेरे रंग कहीं भेजता है?
संबंधित टूल्स
इन उपयोगी टूल्स के साथ आगे बढ़ें