आपरेशनल
लॉग इन करें / पंजीकरण करें
common.you_need_to_be_loggedin_to_add_tool_in_favorites
रंग कंट्रास्ट चेकर
विज्ञापन
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
हमारे रंग कंट्रास्ट चेकर के साथ उनका परीक्षण करने के लिए नीचे अपने रंग संयोजन दर्ज करें और तुरंत देखें कि वे पहुंच मानकों को पूरा करते हैं या नहीं।
हमारा कलर कंट्रास्ट चेकर कैसे काम करता है
RGB हेक्स मानों का उपयोग करके अपना अग्रभूमि और पृष्ठभूमि रंग दर्ज करें, या उन्हें सीधे रंग पिकर से चुनें।
- अग्रभूमि का रंग कितना पारदर्शी है यह बदलने के लिए अल्फ़ा समायोजित करें।
- रंग को हल्का या गहरा दिखाने के लिए हल्कापन स्लाइडर का उपयोग करें।
हमारा टूल फिर कंट्रास्ट अनुपात की गणना करता है और इसे WCAG दिशानिर्देशों के अनुसार जांचता है:
- WCAG 2.0 लेवल AA
- सामान्य मुख्य पाठ के लिए कम से कम 4.5:1
- बड़े टेक्स्ट के लिए कम से कम 3:1
- WCAG 2.1 (यूआई और ग्राफिक्स)
- आइकन, बॉर्डर और अन्य इंटरफ़ेस घटकों के लिए कम से कम 3:1
- WCAG स्तर AAA
- सामान्य पाठ के लिए कम से कम 7:1
- बड़े टेक्स्ट के लिए कम से कम 4.5:1
बड़े पाठ का अर्थ है:
- 14 पीटी (लगभग 18.66 पिक्सल) और बोल्ड, या
- 18 पीटी (लगभग पीएक्स) या बड़ाबी11>
आप अपनी स्क्रीन पर किसी भी चीज़ से सटीक रंग खींचने के लिए कलर पिकर में आईड्रॉपर का उपयोग कर सकते हैं।
ऐसे लिंक के लिए जो अलग दिखने के लिए केवल रंग पर निर्भर हैं, हमारे रंग कंट्रास्ट चेकर का उपयोग करें ताकि यह सुनिश्चित हो सके कि वे पहुंच मानकों को पूरा करते हैं और सभी के लिए पढ़ना आसान है।