रंग कंट्रास्ट चेकर
दो रंग दर्ज करें और AA/AAA मार्गदर्शन के साथ तुरंत WCAG कंट्रास्ट अनुपात देखें।
hex या RGB में अग्रभूमि और पृष्ठभूमि रंग दर्ज करके तुरंत WCAG कंट्रास्ट अनुपात गणना करें, AA/AAA परिणाम देखें, पाठ पूर्वावलोकन करें और वैकल्पिक समायोजन सुझाव पाएँ।
इस रंग कंट्रास्ट चेकर का उपयोग कैसे करें
अग्रभूमि और पृष्ठभूमि रंग टाइप या पेस्ट करें। टूल मान्य इनपुट को बड़े अक्षरों के hex में सामान्य करता है, तुरंत WCAG कंट्रास्ट अनुपात गणना करता है, और AA/AAA थ्रेशहोल्ड के लिए पास/फेल दिखाता है। सुधार सुझाएँ, URL से साझा करें, या रीसेट करें।
WCAG कंट्रास्ट अनुपात थ्रेशहोल्ड
WCAG 2.x सामान्य पाठ AA के लिए कम से कम 4.5:1, बड़े पाठ AA के लिए 3:1, सामान्य AAA के लिए 7:1 और बड़े AAA के लिए 4.5:1 चाहता है। यह टूल तुलना के लिए चारों परिणाम हमेशा दिखाता है।
समर्थित रंग प्रारूप
#RGB, #RRGGBB, rgb(r,g,b) या अल्पविराम से अलग r,g,b दर्ज करें। चैनल 0–255 के पूर्णांक हों। v1 में अल्फा पारदर्शिता, 8-अंकीय hex, HSL/HSLA और CSS नामित रंग समर्थित नहीं।
पास और फेल का अर्थ
पास का अर्थ है गणना अनुपात उस स्तर के थ्रेशहोल्ड को पूरा या पार करता है। फेल का अर्थ विपरीत। परिणाम केवल रंग पर निर्भर न हों, इसलिए लेबल और आइकन भी दिखाए जाते हैं।
अक्सर पूछे जाने वाले प्रश्न
अल्फा और ग्रेडिएंट क्यों समर्थित नहीं?
संस्करण 1 केवल पूर्णतः अपारदर्शी sRGB रंगों का मूल्यांकन करता है। अल्फा मिश्रण और ग्रेडिएंट के लिए संयोजन नियम चाहिए जो यह टूल अभी मॉडल नहीं करता; इसलिए rgba(), 8-अंकीय hex और ग्रेडिएंट विश्लेषण MVP से बाहर हैं।
कंट्रास्ट अनुपात कैसे गणना होता है?
चेकर अपारदर्शी sRGB के लिए WCAG सापेक्ष चमक सूत्र उपयोग करता है: प्रत्येक चैनल को रैखिक बनाता है, चमक की गणना करता है, फिर (हल्का + 0.05) / (गहरा + 0.05)। प्रदर्शित अनुपात दो दशमलव तक; थ्रेशहोल्ड पूर्ण मान से जाँच।
सुधार सुझाएँ क्या करता है?
चयनित अग्रभूमि या पृष्ठभूमि रंग को काले या सफेद की ओर चमक पथ पर निर्धारित रूप से खिसकाकर चुने WCAG स्तर तक पहुँचाता है और संभव हो तो निकटतम अनुपालन hex व परिणामी अनुपात देता है।
क्या मैं विशिष्ट रंग जोड़ी साझा कर सकता/सकती हूँ?
हाँ। मान्य अग्रभूमि, पृष्ठभूमि और पाठ आकार URL पैरामीटर में सिंक होते हैं (जैसे ?fg=000000&bg=FFFFFF&size=normal) ताकि सीधे परिणाम से लिंक हो सके।
क्या पेज मेरे रंग सहेजता है?
गणना पूरी तरह ब्राउज़र में चलती है। अंतिम मान्य जोड़ी सुविधा के लिए localStorage में सहेजी जा सकती है; रीसेट इनपुट, URL और सहेजी स्थिति साफ करता है।