रंग कंट्रास्ट चेकर
WCAG 2.1 अनुपालन के लिए रंग कंट्रास्ट अनुपात जांचें। AA और AAA मानकों को तुरंत सत्यापित करें।
WCAG कंट्रास्ट अनुपात क्या है?
WCAG कंट्रास्ट अनुपात अग्रभूमि और पृष्ठभूमि रंगों के बीच चमक अंतर को मापता है। यह 1:1 से 21:1 तक होता है।
WCAG AA और AAA की आवश्यकताएं क्या हैं?
WCAG AA सामान्य टेक्स्ट के लिए न्यूनतम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए। AAA को 7:1 और 4.5:1 चाहिए।
बड़ा टेक्स्ट क्या माना जाता है?
बड़ा टेक्स्ट 18pt (24px) या बड़ा, या 14pt (18.66px) बोल्ड या बड़ा परिभाषित होता है।
रंग कंट्रास्ट महत्वपूर्ण क्यों है?
उचित कंट्रास्ट दृष्टि हानि वाले लोगों के लिए टेक्स्ट पठनीय बनाता है और सभी के लिए पठनीयता बढ़ाता है।
मैं कंट्रास्ट अनुपात की गणना कैसे करूं?
यह अग्रभूमि और पृष्ठभूमि रंगों के सापेक्ष चमक मानों का उपयोग करके गणना किया जाता है। सूत्र है (L1 + 0.05) / (L2 + 0.05), जहां L1 हल्का रंग है और L2 गहरा रंग है।
UI तत्वों के लिए न्यूनतम कंट्रास्ट क्या है?
WCAG को UI घटकों और ग्राफिक वस्तुओं के लिए न्यूनतम 3:1 कंट्रास्ट अनुपात चाहिए। यह सुनिश्चित करता है कि बटन, आइकन और अन्य इंटरफ़ेस तत्व दृश्यमान और उपयोग योग्य हों।
क्या मैं कोई भी रंग संयोजन उपयोग कर सकता हूं?
सभी रंग संयोजन पहुंच मानकों को पूरा नहीं करते। अपने रंग विकल्पों को सत्यापित करने के लिए इस चेकर का उपयोग करें। डिजाइन करते समय सौंदर्य और पहुंच दोनों पर विचार करें।
सापेक्ष चमक क्या है?
सापेक्ष चमक एक रंग की अनुभव की गई चमक है, जो 0 (काला) से 1 (सफेद) तक होती है। इसकी गणना sRGB रंग स्थान का उपयोग करके की जाती है और यह मानव दृष्टि की विभिन्न तरंग दैर्ध्य के प्रति संवेदनशीलता को ध्यान में रखता है।
क्या मुझे छवियों के कंट्रास्ट की जांच करनी चाहिए?
छवियों में टेक्स्ट को समान आवश्यकताओं को पूरा करना होगा। सजावटी छवियों पर लागू नहीं होता।
कंट्रास्ट में कौन से उपकरण मदद करते हैं?
ब्राउज़र डेवलपर उपकरण, डिजाइन प्लगइन्स, या इस तरह के ऑनलाइन चेकर का उपयोग करें।
रंग कंट्रास्ट चेकर का उपयोग कैसे करें
अपने टेक्स्ट और UI का कंट्रास्ट WCAG 2.1 के AA और AAA स्तरों के मुकाबले ब्राउज़र में ही तुरंत जाँचें। दो रंग डालें, अनुपात लोकल निकलेगा — कुछ भी डिवाइस से बाहर नहीं जाएगा।
- Foreground Color फ़ील्ड में टेक्स्ट का रंग टाइप या पेस्ट करें — HEX, RGB जैसा कोई भी सपोर्टेड फ़ॉर्मैट चलेगा।
- Background Color फ़ील्ड में टेक्स्ट के पीछे का रंग डालें, कंट्रास्ट अनुपात तुरंत बन जाएगा।
- निकले अनुपात को और सामान्य तथा बड़े टेक्स्ट के लिए AA व AAA पास/फेल बैज देखें।
- जब तक अनुपात बॉडी टेक्स्ट के लिए 4.5:1 या बड़े टेक्स्ट और UI कंपोनेंट के लिए 3:1 न पार करे, रंग बदलते रहें।
- Foreground Color और Background Color की वैल्यू आपस में बदलकर उलटी जोड़ी भी जाँचें, जैसे गहरे थीम पर हल्का टेक्स्ट।
लंबे टेक्स्ट के लिए AAA (7:1) बढ़िया लक्ष्य है, पर ज़्यादातर एक्सेसिबिलिटी गाइडलाइन की न्यूनतम सीमा 4.5:1 (AA) है।
संबंधित टूल
- रंग चुनने का उपकरण आईड्रॉपर से स्क्रीन से कोई भी रंग चुनें। HEX, RGB, HSL कोड तुरंत कॉपी करें। मुफ्त ऑनलाइन रंग उपकरण।
- रंग पैलेट जनरेटर हमारे मुफ्त ऑनलाइन जनरेटर के साथ तुरंत सुंदर, सामंजस्यपूर्ण रंग पैलेट बनाएं। मोनोक्रोमैटिक, एनालॉगस, कॉम्प्लीमेंटरी, ट्रायडिक, स्प्लिट-कॉम्प्लीमेंटरी और टेट्राडिक मोड का समर्थन करता है। HSL स्लाइडर्स के साथ रंगों को ठीक करें, पसंदीदा को लॉक करें, और CSS, Tailwind, JSON या SVG के रूप में निर्यात करें। 100% ब्राउज़र-आधारित, आपका डेटा कभी आपका डिवाइस नहीं छोड़ता।
- वर्णांधता सिम्युलेटर मुफ्त ऑनलाइन वर्णांधता सिम्युलेटर। प्रोटानोपिया, ड्यूटेरानोपिया, ट्रिटानोपिया और अन्य प्रकारों के लिए डिज़ाइन परीक्षण। 100% गोपनीय, ब्राउज़र में चलता है।
- GIF फ्रेम विभाजक GIF एनिमेशन से व्यक्तिगत फ्रेम PNG या स्प्राइट शीट के रूप में निकालें और डाउनलोड करें। पूर्वावलोकन और ZIP निर्यात के साथ मुफ्त ऑनलाइन टूल।
- GIF रिवर्स GIF एनिमेशन प्लेबैक क्रम मुफ्त में उल्टा करें। तुरंत अपलोड, पूर्वावलोकन और डाउनलोड करें।
- GIF स्पीड चेंजर GIF एनिमेशन स्पीड ऑनलाइन बदलें। GIF फ़ाइलों को तुरंत तेज़ या धीमा करें।
- वीडियो से GIF वीडियो को एनिमेटेड GIF में ऑनलाइन बदलें। बिना अपलोड किए सीधे अपने ब्राउज़र में गुणवत्ता, फ्रेम रेट और रिज़ॉल्यूशन समायोजित करें।
- मीम जेनरेटर मुफ्त ऑनलाइन मीम जेनरेटर। किसी भी इमेज पर क्लासिक टॉप/बॉटम कैप्शन जोड़ें, टेक्स्ट खींचकर रखें और अपना मीम तुरंत PNG या JPEG में डाउनलोड करें।