contrast ratio कैसे calculate किया जाता है?

official WCAG 2.x relative luminance formula का उपयोग करके, जो human luminance perception के अनुसार weight देने से पहले हर color channel को gamma-correct करता है।

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

AA standard accessibility requirement है (normal text के लिए 4.5:1, large text के लिए 3:1); AAA एक सख्त enhanced requirement है (क्रमशः 7:1 और 4.5:1)।

'large text' क्या माना जाता है?

18pt या उससे बड़ा, या 14pt और bold text, अधिक lenient large-text thresholds के लिए योग्य होता है।

क्या यह टूल केवल text ही नहीं, UI elements के लिए भी contrast जांचता है?

नहीं, यह केवल चार standard text-contrast thresholds (AA और AAA, normal और large text) जांचता है — यह non-text UI components और graphical objects के लिए WCAG द्वारा अपेक्षित अलग 3:1 ratio नहीं जांचता।

क्या मैं colors को HEX, RGB, या color names के रूप में दर्ज कर सकता हूँ?

अधिकतर versions सीधे HEX codes और RGB values स्वीकार करते हैं; color name टाइप करने से पहले जांच लें कि input field कौन-से formats सपोर्ट करता है।

मेरे colors AA में pass क्यों हुए लेकिन AAA में fail क्यों हुए?

AAA को AA के 4.5:1 की तुलना में normal text के लिए सख्त 7:1 ratio चाहिए होती है, इसलिए moderate contrast वाला एक color pair अधिक lenient AA standard को पूरा कर सकता है जबकि AAA में कम पड़ सकता है।

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

AA वह standard minimum है जिसे अधिकतर sites लक्ष्य बनाती हैं (normal text के लिए 4.5:1); AAA एक सख्त, optional स्तर है (7:1) जो low vision वाले users को लक्षित content के लिए अनुशंसित है।

आपके ब्राउज़र में 100% स्थानीय रूप से प्रोसेस किया गया

WCAG कलर कॉन्ट्रास्ट चेकर

जाँचें कि आपके टेक्स्ट और बैकग्राउंड रंग WCAG एक्सेसिबिलिटी कॉन्ट्रास्ट आवश्यकताओं को पूरा करते हैं या नहीं।

त्वरित उत्तर

WCAG कलर कॉन्ट्रास्ट चेकर lets you: जाँचें कि आपके टेक्स्ट और बैकग्राउंड रंग WCAG एक्सेसिबिलिटी कॉन्ट्रास्ट आवश्यकताओं को पूरा करते हैं या नहीं। To start, एक फ़ोरग्राउंड (टेक्स्ट) रंग और एक बैकग्राउंड रंग चुनें या टाइप करें।

Loading tool…

इस टूल का उपयोग कैसे करें

1
अपने रंग चुनें
एक फ़ोरग्राउंड (टेक्स्ट) रंग और एक बैकग्राउंड रंग चुनें या टाइप करें।
2
रेशियो जाँचें
सटीक कॉन्ट्रास्ट रेशियो देखें और जानें कि यह AA और AAA थ्रेशोल्ड पास करता है या नहीं।
3
पठनीयता प्रीव्यू करें
अपने चुने गए रंगों में नॉर्मल और लार्ज साइज़ पर रेंडर हुआ लाइव सैंपल टेक्स्ट देखें।

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

Color Picker

अपलोड की गई इमेज के सटीक पिक्सेल रंग का नमूना लेने के लिए कहीं भी क्लिक करें — HEX, RGB, और HSL तुरंत।

SVG Optimizer

कमेंट, मेटाडेटा, और अप्रयुक्त ID हटाकर SVG मार्कअप को साफ़ और छोटा करें।

इस टूल का उपयोग कैसे करें

अपने रंग चुनें

एक फ़ोरग्राउंड (टेक्स्ट) रंग और एक बैकग्राउंड रंग चुनें या टाइप करें।

रेशियो जाँचें

सटीक कॉन्ट्रास्ट रेशियो देखें और जानें कि यह AA और AAA थ्रेशोल्ड पास करता है या नहीं।

पठनीयता प्रीव्यू करें

अपने चुने गए रंगों में नॉर्मल और लार्ज साइज़ पर रेंडर हुआ लाइव सैंपल टेक्स्ट देखें।

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

WCAG कलर कॉन्ट्रास्ट चेकर

इस टूल का उपयोग कैसे करें

अपने रंग चुनें

रेशियो जाँचें

पठनीयता प्रीव्यू करें

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

contrast ratio कैसे calculate किया जाता है?

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

'large text' क्या माना जाता है?

क्या यह टूल केवल text ही नहीं, UI elements के लिए भी contrast जांचता है?

क्या मैं colors को HEX, RGB, या color names के रूप में दर्ज कर सकता हूँ?

मेरे colors AA में pass क्यों हुए लेकिन AAA में fail क्यों हुए?

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

संबंधित टूल्स

Color Picker

SVG Optimizer

WCAG कलर कॉन्ट्रास्ट चेकर

इस टूल का उपयोग कैसे करें

अपने रंग चुनें

रेशियो जाँचें

पठनीयता प्रीव्यू करें

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

contrast ratio कैसे calculate किया जाता है?

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

'large text' क्या माना जाता है?

क्या यह टूल केवल text ही नहीं, UI elements के लिए भी contrast जांचता है?

क्या मैं colors को HEX, RGB, या color names के रूप में दर्ज कर सकता हूँ?

मेरे colors AA में pass क्यों हुए लेकिन AAA में fail क्यों हुए?

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

संबंधित टूल्स

Color Picker

SVG Optimizer