रंग कंट्रास्ट जाँचकर्ता

WCAG सापेक्ष चमक सूत्र के आधार पर स्थानीय रूप से अग्रभूमि और पृष्ठभूमि के कंट्रास्ट की जाँच करें, सामान्य मुख्य-पाठ और बड़े फ़ॉन्ट वाले मुख्य-पाठ की AA/AAA सीमाओं का अलग-अलग आकलन करें और रिपोर्ट निर्यात करने की सुविधा पाएँ।

ब्राउज़र में स्थानीय रूप से संसाधित
इस पृष्ठ ने सार्वजनिक निर्देशिका जाँच पास कर ली है; JavaScript सक्षम करने पर पूर्ण सुविधाएँ उपयोग की जा सकती हैं।
उपयोग गाइड

रंग कंट्रास्ट चेकर का उपयोग कैसे करें

रंग मानों की आपेक्षिक चमक और कंट्रास्ट की गणना केवल वर्तमान ब्राउज़र में की जाती है; इन्हें अपलोड या सहेजा नहीं जाता।

  1. दो रंग दर्ज करें

    रंग चयनकर्ता का उपयोग करें या #RRGGBB मान चिपकाकर अग्रभूमि और पृष्ठभूमि रंग सेट करें; पूर्वावलोकन अपने-आप अपडेट हो जाएगा।

  2. जाँच मानदंड

    जाँचें पर क्लिक करके सामान्य पाठ AA, सामान्य पाठ AAA और बड़े फ़ॉन्ट AA की पास स्थिति अलग-अलग देखें।

  3. जाँच रिकॉर्ड कॉपी करें

    पास होने के बाद आप रिपोर्ट कॉपी कर सकते हैं या TXT डाउनलोड कर सकते हैं, जिसमें रंग मान, अनुपात और प्रत्येक स्तर की सीमा के परिणाम दर्ज होते हैं।

सीमाएँ और ध्यान देने योग्य बातें

  • पहला संस्करण केवल अपारदर्शिता रहित #RGB या #RRGGBB स्वीकार करता है; अर्ध-पारदर्शी रंगों के लिए पहले वास्तविक मिश्रित पृष्ठभूमि निर्धारित करनी होगी।
  • 4.5:1 सामान्य मुख्य पाठ के लिए लागू है AA, 3:1 बड़े फ़ॉन्ट के लिए लागू है AA, 7:1 सामान्य मुख्य पाठ AAA के संदर्भ मानदंड हैं; फ़ॉन्ट आकार, फ़ॉन्ट भार और गैर-पाठ कंट्रास्ट की भी जाँच करें।
  • यह टूल केवल ठोस रंगों की एक जोड़ी की गणना करता है; यह ग्रेडिएंट, चित्र, छाया, फ़ॉन्ट रेंडरिंग या जटिल पृष्ठभूमि का अनुकरण नहीं करता।

सामान्य प्रश्न

4.5:1 का क्या अर्थ है?

यह WCAG सामान्य मुख्य-पाठ के लिए AA न्यूनतम कंट्रास्ट सीमा है; बड़े फ़ॉन्ट वाले मुख्य-पाठ की AA सीमा 3:1 है।

पारदर्शी रंग का सीधे निर्धारण क्यों नहीं किया जा सकता?

पारदर्शी अग्रभूमि या पृष्ठभूमि का अंतिम रंग संयोजन क्रम और आधार छवि पर निर्भर करता है; वास्तविक रूप से प्रदर्शित ठोस रंग पहले निर्धारित करना अधिक विश्वसनीय है।

क्या कंट्रास्ट पास होने से पहुँच-योग्यता निश्चित हो जाती है?

ज़रूरी नहीं। इसके अलावा फ़ॉन्ट आकार, फ़ॉन्ट भार, स्थिति, फ़ोकस, गैर-पाठ घटकों, छवि पृष्ठभूमि और वास्तविक डिवाइस पर प्रदर्शन प्रभाव की भी जाँच करनी चाहिए।

पृष्ठ प्रतिक्रियाक्या कोई समस्या मिली या कोई सुधार सुझाव है?
प्रतिक्रिया सुविधा का उपयोग ऑनलाइन संस्करण में किया जाना चाहिए

कृपया ऑनलाइन संस्करण में JavaScript सक्षम करने के बाद सबमिट करें; वर्तमान उपकरण या केस की स्थानीय सुविधाएँ प्रभावित नहीं होंगी।

ऑनलाइन संस्करण पर जाएँ और प्रतिक्रिया दें