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 के साथ कंट्रास्ट अनुपात की समीक्षा करें और इसे कॉपी या डाउनलोड करने से पहले पास या फेल संकेतक देखें।
सामान्य विफलता मोड
अमान्य रंगों को मापा नहीं जा सकता, और हल की गई पृष्ठभूमि के बिना पारदर्शिता अनुपात को अर्थहीन बना सकती है।
उपयोगी उदाहरण
#ffffff पर #1f2937 पाठ की तुलना करें ताकि सामान्य और बड़े पाठ के लिए इसका अनुपात समीक्षा किया जा सके।