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

इस टूल के बारे में

WCAG AA/AAA रंग कंट्रास्ट अनुपात जाँचें।

Web Content Accessibility Guidelines (WCAG) text और background colors के बीच minimum contrast ratios आवश्यकता होती हैं ताकि low vision वाले लोगों के लिए readability सुनिश्चित हो। Contrast Checker foreground और background color के बीच contrast ratio गणना करता है और दिखाता है कि यह WCAG 2.1 Level AA (normal text के लिए 4.5:1, large text के लिए 3:1) और Level AAA (7:1) पास करता है या नहीं।

उदाहरण

टेक्स्ट #333333 पृष्ठभूमि पर #ffffff → अनुपात: 12.63:1 · WCAG AA: ✓ Pass · WCAG AAA: ✓ Pass

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

HEX में text (foreground) color दर्ज करें या color picker उपयोग करें।
Background color दर्ज करें।
Contrast ratio तुरंत दिखाई देता है।
Tick marks AA/AAA pass या fail दिखाते हैं।

विशेषताएं

Contrast ratio (WCAG 2.1 formula)
AA और AAA pass/fail indicators
Normal और large text thresholds
HEX और RGB color input
Live color preview swatch

सामान्य प्रश्न

WCAG के लिए कितना contrast ratio ज़रूरी है?+

WCAG 2.1 Level AA: normal text के लिए 4.5:1, large text के लिए 3:1। Level AAA: normal text के लिए 7:1।

Large text किसे कहते हैं?+

18pt (24px) या उससे बड़ा, या bold weight में 14pt (लगभग 18.67px)।

Contrast ratio कैसे गणना होती है?+

Contrast ratio = (L1 + 0.05) ÷ (L2 + 0.05), जहाँ L1 lighter color की relative luminance और L2 darker की।

ratio 3.2:1 है — क्या यह ठीक है?+

Normal body text के लिए नहीं (AA को 4.5:1 चाहिए)। Large text (18px+) के लिए AA पास करता है।

WCAG AA compliance क्या है?+

WCAG AA normal text के लिए minimum contrast ratio 4.5:1 और large text के लिए 3:1 require करता है। यह सबसे widely required accessibility standard है।

WCAG AAA क्या है?+

WCAG AAA normal text के लिए 7:1 और large text के लिए 4.5:1 require करता है। यह strictest level है, high-impact content के लिए recommended।