कंट्रास्ट चेकर
टेक्स्ट रंग और बैकग्राउंड रंग दर्ज करें और WCAG कंट्रास्ट अनुपात की गणना करें, AA और AAA के लिए पास/फेल परिणाम और लाइव प्रीव्यू के साथ।
🔒 आपके ब्राउज़र में लोकली प्रोसेस किया गया
Loading…
इस्तेमाल कैसे करें
- पहले फ़ील्ड में टेक्स्ट (फोरग्राउंड) रंग दर्ज करें, या कलर पिकर से चुनें।
- दूसरे फ़ील्ड में बैकग्राउंड रंग दर्ज करें, या कलर पिकर से चुनें।
- कंट्रास्ट अनुपात और वास्तविक रंग संयोजन का प्रीव्यू तुरंत अपडेट होता है।
- यह देखने के लिए चारों बैज देखें कि यह संयोजन सामान्य और बड़े टेक्स्ट के लिए WCAG AA और AAA मानकों को पास करता है या नहीं।
विशेषताएं
- hex, rgb(), और hsl() रंग फ़ॉर्मेट सपोर्ट करता है
- WCAG 2.x के सापेक्ष चमक (relative luminance) कंट्रास्ट अनुपात की सटीक गणना करता है
- सामान्य और बड़े टेक्स्ट के लिए AA और AAA पास/फेल बैज दिखाता है
- टेक्स्ट और बैकग्राउंड के वास्तविक रंग संयोजन का लाइव प्रीव्यू
- 100% क्लाइंट-साइड — आपके रंग कभी भी आपके ब्राउज़र से बाहर नहीं जाते
अक्सर पूछे जाने वाले सवाल
कंट्रास्ट अनुपात की गणना कैसे की जाती है?
अनुपात की गणना WCAG 2.x फ़ॉर्मूले से होती है: प्रत्येक रंग के sRGB चैनलों को रैखिक (linearize) किया जाता है, फिर सापेक्ष चमक के मान में जोड़ा जाता है, और अनुपात (L1 + 0.05) / (L2 + 0.05) होता है, जहाँ L1 हल्के रंग की चमक है। अनुपात 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (काला बनाम सफ़ेद) तक होता है।
AA और AAA में क्या अंतर है?
AA वह मानक अनुपालन स्तर है जिसे अधिकांश वेबसाइटें लक्षित करती हैं; AAA एक सख्त, उन्नत स्तर है। AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए, जबकि AAA को क्रमशः 7:1 और 4.5:1 चाहिए।
WCAG के अनुसार बड़ा टेक्स्ट क्या माना जाता है?
बड़ा टेक्स्ट कम से कम 18pt (24px) सामान्य वज़न में, या कम से कम 14pt (18.66px) बोल्ड में परिभाषित है। बड़ी और मोटी रेखाएँ कम कंट्रास्ट में भी पढ़ने योग्य रहती हैं, इसलिए यह आवश्यकता कम रखी गई है।
मैं कौन-से रंग फ़ॉर्मेट दर्ज कर सकता हूँ?
आप hex कोड (#000 या #000000), rgb()/rgba(), या hsl()/hsla() स्ट्रिंग दर्ज कर सकते हैं, या प्रत्येक फ़ील्ड के बगल में मौजूद कलर पिकर का उपयोग कर सकते हैं।
क्या यह टूल मेरे रंगों को सहेजता या अपलोड करता है?
नहीं। सभी विश्लेषण और कंट्रास्ट गणना आपके ब्राउज़र में स्थानीय रूप से शुद्ध JavaScript से होती है। कुछ भी सर्वर पर नहीं भेजा जाता और न ही सहेजा जाता है।