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

निःशुल्क WCAG रंग कंट्रास्ट चेकर। लाइव कंट्रास्ट अनुपात और पूर्वावलोकन - हेक्स या आरजीबी के साथ एए और एएए पहुंच योग्यता अनुपालन के लिए परीक्षण पाठ और पृष्ठभूमि रंग।

लाइव पूर्वावलोकन और हेक्स या आरजीबी इनपुट के साथ, डब्ल्यूसीएजी एए और एएए मानकों के मुकाबले टेक्स्ट और पृष्ठभूमि रंग के बीच कंट्रास्ट अनुपात की जांच करें।

Share
वर्ग
डेवलपर उपकरण
शामिल
6 विशेषताएं
पहुँच
मुक्त · कोई साइन-अप नहीं
गोपनीयता
आपके ब्राउज़र में चलता है
रंग कंट्रास्ट चेकर

Loading Contrast Checker......

Please wait a moment

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

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

  1. 01

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

    अग्रभूमि रंग चुनें या टाइप करें.

  2. 02

    पृष्ठभूमि चुनें

    पृष्ठभूमि रंग चुनें या टाइप करें.

  3. 03

    अनुपात पढ़ें

    कंट्रास्ट अनुपात और AA/AAA परिणाम देखें।

  4. 04

    समायोजित करना

    रंगों को तब तक घुमाएँ जब तक वे निकल न जाएँ।

मामलों का प्रयोग करें

सामान्य उपयोग के मामले

  • सत्यापित करें कि यूआई टेक्स्ट डब्ल्यूसीएजी पहुंच से मेल खाता है
  • चेक बटन और लिंक कंट्रास्ट
  • एक ब्रांड रंग पैलेट का ऑडिट करें
  • कम कंट्रास्ट वाली मार्केटिंग कॉपी ठीक करें
सिंहावलोकन

अपने पाठ को सभी के लिए पठनीय बनाएं

कम-कंट्रास्ट टेक्स्ट सबसे आम एक्सेसिबिलिटी विफलताओं में से एक है। यह चेकर आधिकारिक WCAG सापेक्ष-ल्यूमिनेंस फॉर्मूला का उपयोग करके आपके टेक्स्ट और पृष्ठभूमि रंगों के बीच सटीक कंट्रास्ट अनुपात की गणना करता है, फिर आपको बताता है कि क्या यह AA (सामान्य टेक्स्ट के लिए 4.5:1, बड़े के लिए 3:1) और सख्त AAA (7:1 और 4.5:1) को पास करता है। एक लाइव पूर्वावलोकन आपके चुने हुए रंगों पर वास्तविक टेक्स्ट दिखाता है।

अपनी पसंद के अनुसार रंग दर्ज करें

रंग बीनने वालों का उपयोग करें या सीधे हेक्स कोड और आरजीबी () मान टाइप करें - उपकरण दोनों को पार्स करता है। जैसे ही आप किसी भी रंग को समायोजित करते हैं, अनुपात और पास/असफल बैज तुरंत अपडेट हो जाते हैं, इसलिए आप किसी शेड को तब तक हिला सकते हैं जब तक वह उसका अनुपालन न कर ले। सब कुछ स्थानीय रूप से चलता है, जो यूआई, थीम और मार्केटिंग पेजों को डिजाइन करते समय इसे एक तेज़ साथी बनाता है।

विशेषताएँ
01
WCAG AA और AAA उत्तीर्ण/असफल परिणाम
02
लाइव कंट्रास्ट अनुपात गणना
03
रंग बीनने वालों के साथ हेक्स और आरजीबी इनपुट
04
आपके रंगों पर लाइव टेक्स्ट पूर्वावलोकन
05
सामान्य और बड़ी पाठ सीमाएँ
06
आपके ब्राउज़र में स्थानीय रूप से चलता है
अक्सर पूछे जाने वाले प्रश्न

अक्सर पूछे जाने वाले प्रश्नों

WCAG पास करने के लिए मुझे किस कंट्रास्ट अनुपात की आवश्यकता होगी?+

एए के लिए, सामान्य टेक्स्ट को 4.5:1 और बड़े टेक्स्ट को 3:1 की आवश्यकता होती है। सख्त एएए के लिए, सामान्य टेक्स्ट को 7:1 और बड़े टेक्स्ट को 4.5:1 की आवश्यकता होती है। बड़ा पाठ लगभग 18pt, या 14pt बोल्ड होता है।

कंट्रास्ट अनुपात की गणना कैसे की जाती है?+

यह दोनों रंगों के लिए WCAG सापेक्ष-चमक सूत्र का उपयोग करता है, फिर हल्के चमक (प्लस 0.05) को गहरे (प्लस 0.05) से विभाजित करता है, जिससे 1:1 से 21:1 तक का मान मिलता है।

क्या मैं आरजीबी के साथ-साथ हेक्स भी दर्ज कर सकता हूं?+

हां - #1e293बी या आरजीबी(30, 41, 59) जैसे हेक्स कोड टाइप करें, या कलर पिकर का उपयोग करें। दोनों प्रारूपों को तुरंत पार्स किया जाता है।

यह नि: शुल्क है?+

हां, बिना किसी साइनअप के पूरी तरह से मुफ़्त, पूरी तरह से आपके ब्राउज़र में चल रहा है।