होम
कलर टूल्स
कंट्रास्ट अनुपात चेकर

WCAG कंट्रास्ट अनुपात चेकर फॉरग्राउंड और बैकग्राउंड रंगों के बीच WCAG कंट्रास्ट अनुपात की जांच करें।

🎨

कंट्रास्ट अनुपात चेकर

फॉरग्राउंड और बैकग्राउंड रंगों के बीच WCAG कंट्रास्ट अनुपात की जांच करें।

रंग सेट करें

फॉरग्राउंड (टेक्स्ट) और बैकग्राउंड रंग दर्ज करें।

अनुपालन की जाँच करें

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

समायोजित और स्वैप करें

लक्ष्य अनुपालन स्तर हासिल करने तक रंगों को बदलें।

Loading tool...

What Is कंट्रास्ट अनुपात चेकर?

एक वीसीएजी कंट्रास्ट अनुपात चेकर रंग संयोजनों की पहुंच का मूल्यांकन करता है जो फॉरग्राउंड (पाठ) और बैकग्राउंड रंगों के बीच कंट्रास्ट अनुपात की गणना करके वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स (वीसीएजी) 2.1 के अनुसार करता है। यह टूल ल्यूमिनेंस-आधारित कंट्रास्ट अनुपात को कम्प्यूट करता है और इसे चार वीसीएजी सीमाओं के खिलाफ परीक्षण करता है: एए नॉर्मल पाठ (≥4.5:1) के लिए, बड़े पाठ (≥3.0:1) के लिए एए, नॉर्मल पाठ (≥7.0:1) के लिए एएए और बड़े पाठ (≥4.5:1) के लिए एएए। इन सीमाओं को पार करना यह सुनिश्चित करता है कि उपयोगकर्ताओं के विभिन्न स्तरों की दृश्य अक्षमता, जिसमें कम दृष्टि और रंग अंधापन शामिल है, के लिए पाठ पढ़ने योग्य है। टूल एक लाइव पाठ पूर्वावलोकन प्रदान करता है जो आपके रंग संयोजन को विभिन्न आकारों पर दिखाता है, साथ ही प्रत्येक वीसीएजी स्तर के लिए स्पष्ट पास/फेल संकेतक भी देता है। यह टूल किसी भी वेब डेवलपर या डिज़ाइनर के लिए एक आवश्यक टूल है जो सुलभ, समावेशी डिजिटल अनुभव बनाने के लिए प्रतिबद्ध हैं।

Why Use कंट्रास्ट अनुपात चेकर?

तत्काल WCAG AA और AAA अनुपालन जाँच
विभिन्न आकारों पर दृश्य टेक्स्ट पूर्वावलोकन वास्तविक दुनिया की पढ़ने योग्यता दिखाता है
स्पष्ट पास/फेल संकेतक आवश्यक अनुपात सीमाओं के साथ
त्वरित रूप से उलटे रंग संयोजनों का परीक्षण करने के लिए स्वैप बटन
चार अनुपालन स्तरों का परीक्षण: AA/AAA सामान्य और बड़े टेक्स्ट के लिए

Common Use Cases

वेब एक्सेसिबिलिटी

पुष्टि करें कि टेक्स्ट/बैकग्राउंड संयोजन WCAG 2.1 आवश्यकताओं को पूरा करते हैं जो ADA और AODA अनुपालन के लिए हैं।

डिज़ाइन सिस्टम ऑडिटिंग

एक्सेसिबिलिटी अनुपालन के लिए डिज़ाइन सिस्टम में सभी रंग संयोजनों का परीक्षण करें।

ब्रांड रंग मूल्यांकन

जाँचें कि ब्रांड रंग एक्सेसिबिलिटी मानकों को पारित करने वाले टेक्स्ट/बैकग्राउंड संयोजनों के लिए उपयोग किया जा सकता है या नहीं।

कानूनी अनुपालन

सुनिश्चित करें कि डिजिटल सामग्री एक्सेसिबिलिटी कानूनों को पूरा करती है जो WCAG मानदंडों को संदर्भित करते हैं।

Technical Guide

कंट्रास्ट अनुपात वीसीएजी 2.1 रिलेटिव ल्यूमिनेंस फॉर्मूला का उपयोग करके गणना किया जाता है। पहले, प्रत्येक रंग चैनल को लीनियराइज़ किया जाता है: यदि sRGB ≤ 0.03928, तो लीनियर = sRGB/12.92; अन्यथा लीनियर = ((sRGB + 0.055)/1.055)^2.4। रिलेटिव ल्यूमिनेंस L = 0.2126×R + 0.7152×G + 0.0722×B है। कंट्रास्ट अनुपात = (L_लाइटर + 0.05) / (L_डार्कर + 0.05) है। यह अनुपात 1:1 (कोई कंट्रास्ट नहीं, समान रंग) से लेकर 21:1 (ब्लैक ऑन व्हाइट) तक होता है। वीसीएजी 2.1 चार सीमाएं परिभाषित करता है: स्तर एए नॉर्मल पाठ (<18pt या <14pt बोल्ड) के लिए ≥4.5:1 और बड़े पाठ (≥18pt या ≥14pt बोल्ड) के लिए ≥3:1 की आवश्यकता होती है। स्तर एएए नॉर्मल पाठ के लिए ≥7:1 और बड़े पाठ के लिए ≥4.5:1 की आवश्यकता होती है। ये सीमाएं दृश्य तीक्ष्णता में शोध पर आधारित हैं और 20/40 दृष्टि या मध्यम कम दृष्टि वाले उपयोगकर्ताओं के लिए पठनीयता सुनिश्चित करती हैं।

Tips & Best Practices

1
कम से कम 4.5:1 कंट्रास्ट अनुपात का लक्ष्य रखें - यह WCAG AA के लिए न्यूनतम है
2
बड़े टेक्स्ट (18px+ या 14px+ बोल्ड) के लिए 3:1 की कम आवश्यकता होती है
3
AAA अनुपालन (7:1) अधिक गंभीर दृश्य विकलांगताओं वाले उपयोगकर्ताओं के लिए पढ़ने योग्यता सुनिश्चित करता है
4
स्वैप बटन का उपयोग करके परीक्षण करें कि आपके रंग दोनों ओरियंटेशन में अच्छी तरह से काम करते हैं
5
डार्क मोड डिज़ाइनों को भी समान कंट्रास्ट अनुपात की आवश्यकता होती है - दोनों मोड का परीक्षण करें

Related Tools

हेक्स से आरजीबी रंग परिवर्तक

एक लाइव पूर्वावलोकन स्वैच के साथ हेक्स रंग कोडों को तत्काल आरजीबी मानों में बदलें।

🎨 Color Tools

रंग चुनने वाला

इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।

🎨 Color Tools

रंग शेड जनरेटर

किसी भी रंग के गहरे शेड्स उत्पन्न करें जिसमें समायोज्य चरण गणना हो।

🎨 Color Tools

सुलभ पैलेट जनरेटर

वीसीएजी कंट्रास्ट आवश्यकताओं को पूरा करने वाले रंग पैलेट बनाएं।

🎨 Color Tools

रंग अंधता सिम्युलेटर

विभिन्न प्रकार की रंग दृष्टि कमी वाले लोगों को रंग कैसे दिखाई देते हैं, इसका अनुकरण करें।

🎨 Color Tools

Frequently Asked Questions

Q WCAG कंट्रास्ट अनुपात क्या है?

यह दो रंगों के बीच चमक के अंतर (1:1 से 21:1) का एक संख्यात्मक माप है। WCAG न्यूनतम अनुपात निर्दिष्ट करता है ताकि यह सुनिश्चित किया जा सके कि दृश्य विकलांगताओं वाले लोगों के लिए टेक्स्ट पढ़ने योग्य है।

Q AA और AAA में क्या अंतर है?

AA न्यूनतम एक्सेसिबिलिटी मानक (सामान्य टेक्स्ट के लिए 4.5:1) है। AAA बढ़ी हुई एक्सेसिबिलिटी (सामान्य टेक्स्ट के लिए 7:1) है। अधिकांश नियम AA की आवश्यकता होती है; AAA सर्वोत्तम अभ्यास है।

Q बड़े टेक्स्ट को क्या माना जाता है?

WCAG बड़े टेक्स्ट को 18pt (24px) या अधिक नियमित वजन के लिए, या 14pt (18.67px) या अधिक बोल्ड वजन के लिए परिभाषित करता है। बड़े टेक्स्ट में कम कंट्रास्ट आवश्यकताएं होती हैं।

Q क्या रंग अकेले एक्सेसिबिलिटी निर्धारित करता है?

नहीं। कंट्रास्ट अनुपात एक कारक है। आपको यह भी सुनिश्चित करना चाहिए कि रंग जानकारी प्रसारित करने का एकमात्र साधन नहीं है (आइकॉन, पैटर्न, लेबल आदि का उपयोग करें) और रंग अंधापन सिमुलेशन के साथ परीक्षण करें।

About This Tool

कंट्रास्ट अनुपात चेकर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.