रंग कंट्रास्ट चेकर
common.you_need_to_be_loggedin_to_add_tool_in_favorites
हमारे रंग कंट्रास्ट चेकर के साथ उनका परीक्षण करने के लिए नीचे अपने रंग संयोजन दर्ज करें और तुरंत देखें कि वे पहुंच मानकों को पूरा करते हैं या नहीं।
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
WCAG Compliance
Normal Text
Large Text (18pt+ or 14pt+ bold)
UI Components & Graphics
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
हमारा कलर कंट्रास्ट चेकर कैसे काम करता है
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>
आप अपनी स्क्रीन पर किसी भी चीज़ से सटीक रंग खींचने के लिए कलर पिकर में आईड्रॉपर का उपयोग कर सकते हैं।
उन लिंक के लिए जो अलग दिखने के लिए केवल रंग पर निर्भर हैं, हमारे रंग कंट्रास्ट चेकर का उपयोग करें ताकि यह सुनिश्चित हो सके कि वे पहुंच मानकों को पूरा करते हैं और सभी के लिए पढ़ना आसान है।