मुख्य सामग्री पर जाएं
patrache.tools

कलर कंट्रास्ट चेकर

कलर कंट्रास्ट चेक करें। WCAG AA/AAA मानक कंट्रास्ट रेशियो, वेब एक्सेसिबिलिटी ग्रेड। ब्राउज़र प्रोसेसिंग।

अग्रभूमि
पृष्ठभूमि
21.00:1
कंट्रास्ट अनुपात
सामान्य टेक्स्ट
AA (4.5:1)उत्तीर्ण
AAA (7:1)उत्तीर्ण
बड़ा टेक्स्ट
AA (3:1)उत्तीर्ण
AAA (4.5:1)उत्तीर्ण
पूर्वावलोकन

तेज भूरी लोमड़ी आलसी कुत्ते के ऊपर कूदती है 1234567890

तेज भूरी लोमड़ी आलसी कुत्ते के ऊपर कूदती है 1234567890

lockफ़ाइलें सर्वर पर नहीं भेजी जातीं
शेयर करें
एम्बेड

इस टूल को अपनी साइट पर एम्बेड करें

मुफ़्त ऑनलाइन कलर कंट्रास्ट चेकर जो WCAG 2. 1 एक्सेसिबिलिटी मानकों (AA, AAA) के विरुद्ध दो रंगों के बीच कंट्रास्ट अनुपात का परीक्षण करता है।

कलर कंट्रास्ट चेकर कैसे इस्तेमाल करें?

  1. फ़ोरग्राउंड (टेक्स्ट) और बैकग्राउंड रंग दर्ज करें।
  2. कंट्रास्ट अनुपात और WCAG ग्रेड (AA/AAA) जाँचें।
  3. मानकों को पूरा करने के लिए ज़रूरत के अनुसार रंग समायोजित करें।

कलर कंट्रास्ट चेकर के बारे में अक्सर पूछे जाने वाले सवाल

WCAG AA और AAA में क्या अंतर है?

AA सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 की मांग करता है। AAA क्रमशः 7:1 और 4.5:1 पर अधिक सख्त है।

अगर मेरा कंट्रास्ट अनुपात पास न हो तो क्या करूँ?

कंट्रास्ट बढ़ाने के लिए रंगों को हल्का या गहरा करें। समायोजित करते ही टूल रियल-टाइम में परिणाम दिखाता है।

बड़े पाठ के लिए मानक कम होता है — पर कितना बड़ा हो तो 'बड़ा' माना जाए?

WCAG सामान्य मोटाई में 18pt (लगभग 24px) से और बोल्ड में 14pt (लगभग 18.7px) से पाठ को बड़ा मानता है। यह शर्त पूरी होने पर AA की माँग 4.5:1 से घटकर 3:1 रह जाती है। पर याद रखें कि ये न्यूनतम हैं, लक्ष्य नहीं: मुख्य पाठ को मंद लैपटॉप स्क्रीन पर या धूप में भी पढ़ा जाना चाहिए, इसलिए 7:1 के पास रहना ज़्यादा सुरक्षित आदत है।

तस्वीर या पारभासी पट्टी पर रखे पाठ का कंट्रास्ट कैसे जाँचें?

कंट्रास्ट की गणना दो सपाट रंगों को मानकर चलती है, इसलिए तस्वीर पर आपको पाठ के नीचे के सबसे चमकीले और सबसे गहरे बिंदु आईड्रॉपर से लेकर दो बार जाँच करनी होगी। इनमें से एक भी विफल हुआ तो पाठ तस्वीर के किसी हिस्से में दब जाएगा। व्यवहार में, पाठ के पीछे ठोस रंग की पट्टी लगाना पारभासी काली परत या पाठ की छाया से ज़्यादा भरोसेमंद है, क्योंकि वे दोनों नीचे की तस्वीर पर निर्भर करते हैं।

कलर कंट्रास्ट चेकर को प्रभावी ढंग से कैसे इस्तेमाल करें?

  • सामान्य टेक्स्ट को 4.5:1 और 18pt या बोल्ड 14pt से बड़े टेक्स्ट को 3:1 चाहिए (AA स्तर)।
  • भारत में सरकारी वेबसाइटों के GIGW दिशानिर्देश भी WCAG के इन्हीं कंट्रास्ट मानों को अपनाते हैं।
  • आइकन और इनपुट बॉर्डर जैसे ग़ैर-टेक्स्ट तत्वों के लिए भी 3:1 कंट्रास्ट ज़रूरी है।

Powered by Patrache Studio Tools

कृपया इस साइट पर विज्ञापनों की अनुमति दें

इन टूल का उपयोग करने के लिए इस साइट पर विज्ञापनों की अनुमति दें। विज्ञापनों से यह सेवा मुफ़्त रहती है।

विज्ञापन अवरोधक खोलें, इस साइट के लिए उसे बंद करें और फिर जाँचें।