WCAG कलर कंट्रास्ट चेकर
WCAG 2.1 दिशानिर्देशों के अनुसार टेक्स्ट और बैकग्राउंड रंगों के कंट्रास्ट अनुपात का मूल्यांकन करें। तुरंत सुलभ रंग समायोजन उत्पन्न करें।
लाइव टेक्स्ट प्रीव्यू
बड़ी हेडिंग (18pt बोल्ड / 24pt रेगुलर)
यह बड़ी हेडिंग टेक्स्ट स्टाइल का एक पूर्वावलोकन है।
सामान्य टेक्स्ट (18pt से कम)
लोरेम इप्सम डोलर सिट एमेट, कंसेक्टेटुर एडिपिसिंग एलीट। सेड वेल मस्सा लेक्टस।
कंट्रास्ट अनुपात
WCAG 2.1 अनुपालन स्थिति
WCAG 2.1 दिशानिर्देश
सेक्शन 508, ADA, और WCAG AA या AAA दिशानिर्देशों का अनुपालन करने वाले सुलभ इंटरफेस बनाने के लिए कंट्रास्ट मानकों को आसानी से सत्यापित करें।
सुझाव इंजन
कंट्रास्ट अनुपात मानदंडों को पूरा करने वाले निकटतम विकल्पों को खोजने के लिए HSL निर्देशांक के साथ रंगों को स्वचालित रूप से धीरे-धीरे समायोजित करें।
पूरी तरह से क्लाइंट-साइड
गणनाएँ आपके ब्राउज़र संदर्भ के भीतर स्थानीय रूप से निष्पादित की जाती हैं। कोई रंग, फ़ाइलें, या टेलीमेट्री निर्देशांक हमारे सर्वर पर प्रेषित नहीं होते हैं।
संबंधित रंग उपकरण
कलर कंट्रास्ट चेकर
सामने और पृष्ठभूमि रंगों के लिए WCAG विरोधाभास अनुपात की गणना करें और सामान्य पाठ-आकार परिणाम दिखाएं।
- प्रवेश
- दो वैध सीएसएस रंग और वैकल्पिक पूर्वावलोकन पाठ.
- आउटपुट
- WCAG AA और AAA के साथ एक विपरीत अनुपात पारित या असफल संकेतकों.
- वास्तविक सीमाएं
- गणना केवल प्रकाश विरोधाभास को कवर करती है; यह फ़ॉन्ट रेंडर, आंदोलन, फोकस या गैर-रंग के लिए एक इंटरफ़ेस या खाता प्रमाणित नहीं करता है।
- गोपनीयता और डेटा प्रसंस्करण
- दो वैध सीएसएस रंग और वैकल्पिक पूर्वावलोकन पाठ इस ब्राउज़र टैब में संसाधित किया जाता है. कनवर्टर इसे प्राप्त या संग्रहीत नहीं करता है; पृष्ठ को बंद या पुनः लोड करके, कार्यस्थल की स्थिति स्पष्ट हो जाती है जब तक कि उपकरण स्पष्ट रूप से एक स्थानीय डाउनलोड प्रदान नहीं करता।
इस उपकरण का उपयोग कैसे करें
- दो वैध सीएसएस रंग और टूल नियंत्रण में वैकल्पिक पूर्वावलोकन पाठ प्रदान करें।
- WCAG AA और AAA के साथ एक विपरीत अनुपात को प्रभावित करने वाले सेटिंग्स का चयन करें या संकेतकों को विफल करें, फिर टूल चलाएं।
- WCAG AA और AAA के साथ एक विपरीत अनुपात की समीक्षा करें या इसे कॉपी करने या डाउनलोड करने से पहले संकेतकों को पारित करें।
असफलता के सामान्य तरीके
अभावित रंगों को मापा नहीं जा सकता है, और एक हल पृष्ठभूमि के बिना पारदर्शिता एक अनुपात अर्थहीन बना सकती है।
उपयोगी उदाहरण
#fffff पर #ff2937 पाठ की तुलना करें ताकि सामान्य और बड़े पाठ के लिए इसका अनुपात देखा जा सके।