रंग कंट्रास्ट चेकर

पहुँच सुनिश्चित करने के लिए फोरग्राउंड और बैकग्राउंड रंगों के बीच कंट्रास्ट अनुपात का परीक्षण करें।

1.00:1
कंट्रास्ट
Fail
बहुत खराब

सामान्य पाठ

AA (4.5:1)
AAA (7:1)

बड़ा टेक्स्ट

AA (3:1)
AAA (4.5:1)
Black
#03dac6
Black
#121212

त्वरित समाधान

Aa

पूर्वावलोकन शीर्षक

तेज, भूरी लोमडी आलसी कुत्ते के उपर कूद गई

छोटा पाठ उदाहरण (12px)

मूलपाठ
#03dac6
पृष्ठभूमि
#121212

WCAG मानक

Level AA

सामान्य टेक्स्ट के लिए न्यूनतम कंट्रास्ट अनुपात 4.5:1 और बड़े टेक्स्ट के लिए 3:1 होना चाहिए। अधिकांश वेबसाइटों के लिए आवश्यक।

Level AAA

सामान्य पाठ के लिए 7:1 और बड़े पाठ के लिए 4.5:1 का उन्नत कंट्रास्ट अनुपात। इष्टतम पहुँच के लिए अनुशंसित।

सभी टेक्स्ट आकारों के लिए खराब कंट्रास्ट।

रंग कंट्रास्ट चेकर

टेक्स्ट और बैकग्राउंड रंगों के कंट्रास्ट अनुपात की गणना करें।

टेक्स्ट और बैकग्राउंड रंगों के लिए कलर पिकर का उपयोग करके रंग चुनें या RGB हेक्साडेसिमल फॉर्मेट में रंग डालें (जैसे, #259 या #2596BE)। आप रंग का चयन करने के लिए स्लाइडर को समायोजित कर सकते हैं। वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) में एक विशिष्ट दिशानिर्देश है जो यह पता लगाने में मदद करता है कि टेक्स्ट सामान्य दृष्टि वाले उपयोगकर्ताओं के लिए पठनीय है या नहीं। यह मानदंड रंग संयोजनों को तुलनीय अनुपात में मैप करने के लिए एक विशेष एल्गोरिदम का उपयोग करता है। इस सूत्र का उपयोग करते हुए, WCAG बताता है कि टेक्स्ट और उसकी पृष्ठभूमि के साथ 4.5:1 का कंट्रास्ट अनुपात सामान्य (बॉडी) टेक्स्ट के लिए पर्याप्त है, और बड़े टेक्स्ट (18+ पीटी नियमित, या 14+ पीटी बोल्ड) में कम से कम 3:1 का कंट्रास्ट अनुपात होना चाहिए।

प्रमुख विशेषताऐं

  • वास्तविक समय कंट्रास्ट अनुपात गणना
  • WCAG AA और AAA अनुपालन जाँच
  • फाइन-ट्यूनिंग के लिए HSL स्लाइडर्स
  • एकाधिक पूर्वावलोकन प्रारूप

अग्रिम औज़ार

  • स्वचालित रंग निर्धारण
  • पाठ और पृष्ठभूमि के नमूने
  • रंग नाम का पता लगाना
  • परिणाम निर्यात करें