कलर कंट्रास्ट चेकर: WCAG AA और AAA – मुफ़्त
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है। WCAG कंट्रास्ट रेशियो से जांचें कि टेक्स्ट अपने बैकग्राउंड पर पढ़ने लायक है या नहीं, सामान्य टेक्स्ट, बड़े टेक्स्ट और कंट्रोल के लिए AA और AAA नतीजे देखें, और पास होने वाला सबसे करीबी रंग पाएँ।
बड़ा टेक्स्ट ऐसा दिखता है
सामान्य बॉडी टेक्स्ट ऐसा दिखता है। तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर से कूदती है, और कैप्शन जैसा छोटा टेक्स्ट नीचे रहता है।
छोटा टेक्स्ट: 14px कैप्शन।
बटनकंट्रास्ट रेशियो13.08:1
- सामान्य टेक्स्ट, AA: पासबॉडी टेक्स्ट, कम से कम 4.5:1
- सामान्य टेक्स्ट, AAA: पासबेहतर, कम से कम 7:1
- बड़ा टेक्स्ट, AA: पास18pt+, या 14pt+ बोल्ड, कम से कम 3:1
- बड़ा टेक्स्ट, AAA: पासबेहतर, कम से कम 4.5:1
- आइकन और कंट्रोल, AA: पासबटन, बॉर्डर, चार्ट लाइनें: 3:1
WCAG 2 कंट्रास्ट फ़ॉर्मूला इस्तेमाल होता है। रेशियो कभी ऊपर की ओर राउंड नहीं किए जाते, इसलिए 4.49:1 को 4.5:1 नहीं माना जाता। जांच आपके डिवाइस पर होती है।
कलर कंट्रास्ट चेकर क्यों इस्तेमाल करें
- 100% मुफ़्त
- जितनी बार चाहें इस्तेमाल करें। न साइन-अप, न वॉटरमार्क, न कुछ इंस्टॉल करना।
- शुरू से ही प्राइवेट
- आप जो टाइप करते हैं वह आपके ब्राउज़र में ही रहता है और हमें कभी नहीं भेजा जाता।
- हर डिवाइस पर चलता है
- Windows, Mac, Linux, Android और iPhone पर आपके ब्राउज़र में चलता है। कोई ऐप नहीं चाहिए।
कलर कंट्रास्ट चेकर कैसे इस्तेमाल करें
- टेक्स्ट का रंग और बैकग्राउंड का रंग डालें, या चुनें।
- कंट्रास्ट रेशियो और पास या फ़ेल के नतीजे देखें।
- अगर फ़ेल हो, तो पास होने वाले किसी सुझाए रंग पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल
- मुझे कितना कंट्रास्ट रेशियो चाहिए?
- WCAG AA में सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट और बटन और आइकन जैसे इंटरफ़ेस हिस्सों के लिए 3:1 चाहिए। AAA में 7:1 और 4.5:1 चाहिए।
- बड़ा टेक्स्ट किसे माना जाता है?
- कम से कम 18 पॉइंट (24px) सामान्य, या 14 पॉइंट (लगभग 18.7px) बोल्ड।
- क्या यह ट्रांसपेरेंट टेक्स्ट रंगों को संभालता है?
- हां। कंट्रास्ट मापने से पहले आर-पार दिखने वाले टेक्स्ट रंग को बैकग्राउंड के साथ मिलाया जाता है।
- 4.49:1 फ़ेल क्यों होता है?
- WCAG के अनुसार रेशियो को राउंड अप नहीं किया जाना चाहिए, इसलिए 4.5:1 से नीचे कुछ भी सामान्य टेक्स्ट के लिए AA पूरा नहीं करता।
- क्या कलर कंट्रास्ट चेकर मुफ़्त है?
- हां। इसका इस्तेमाल मुफ़्त है, बिना साइन-अप और बिना कुछ इंस्टॉल किए।
मिलते-जुलते टूल
- HEX से RGB कलर कन्वर्टरकिसी रंग को एक ही बार में HEX, RGB, HSL, HSV और CMYK के बीच कन्वर्ट करें, ट्रांसपेरेंसी समेत। किसी भी फ़ॉर्मैट में कोड पेस्ट करें या रंग चुनें, फिर जो फ़ॉर्मैट चाहिए उसे कॉपी करें और उसका टेक्स्ट कॉन्ट्रास्ट जाँचें।
- कलर पैलेट जनरेटरएक बटन दबाते ही कलर पैलेट बनाएँ, पसंद के रंग लॉक करें, या किसी बेस रंग से एनालॉगस, कॉम्प्लिमेंटरी या ट्रायडिक हार्मनी के साथ पैलेट बनाएँ। CSS वेरिएबल, Tailwind या JSON में एक्सपोर्ट करें।
- कलर नेम फ़ाइंडरकिसी भी रंग का नाम पता करें: HEX, RGB या HSL कोड पेस्ट करें और सबसे करीबी CSS रंगों के नाम, आसान शब्दों में ब्योरा, और देखने के लिए 148 नाम वाले रंगों की पूरी लिस्ट पाएँ।