छवि और डिज़ाइन टूल
Contrast Checker
Contrast Checker ब्राउज़र में चलता है ताकि इनपुट सर्वर पर भेजे बिना परिणाम जांचे, बदले या तैयार किए जा सकें।
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker छवि और डिज़ाइन वर्कफ़्लो के लिए स्थानीय ब्राउज़र टूल है। इनपुट, विकल्प और परिणाम एक ही पेज पर रहते हैं।
How to use it
- इनपुट चिपकाएं
जिस मान को प्रोसेस करना है उसे इनपुट क्षेत्र में लिखें या चिपकाएं।
- विकल्प बदलें
contrast, WCAG, accessibility से मेल खाने वाला मोड, फ़ॉर्मैट या इकाई चुनें।
- परिणाम जांचें
टूल चलाएं और जांचने के बाद परिणाम कॉपी या डाउनलोड करें।
Examples
Contrast Checker उदाहरण
- Input
- उदाहरण इनपुट
- Output
- ब्राउज़र में जांचा गया आउटपुट।
Practical tips
- बड़ा कंटेंट हो तो छोटे नमूने से शुरू करें।
- विज्ञापन मुख्य कंट्रोल और परिणामों से बाहर रखे जाते हैं।
FAQ
Contrast Checker में क्या इनपुट दूं?
दिख रहे कार्य से मेल खाते मान दें और चलाने से पहले विकल्प समायोजित करें।
क्या Contrast Checker का परिणाम कॉपी कर सकता हूं?
हां। परिणाम जांचें और फिर कॉपी या डाउनलोड करें।
क्या Contrast Checker मोबाइल पर चलता है?
हां। इनपुट, विकल्प और परिणाम छोटे स्क्रीन पर व्यवस्थित रहते हैं।
क्या मेरा इनपुट सर्वर पर भेजा जाता है?
नहीं। टूल इनपुट को ब्राउज़र में प्रोसेस करने के लिए बनाया गया है।