Stax

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

WCAG AA और AAA कलर कंट्रास्ट रेशियो चेक करें।

Contrast Ratio
21.00:1
LevelContextRequiredResult
WCAG AANormal text (< 18px, < 14px bold)4.5:1Pass ✓
WCAG AALarge text (≥ 18px or ≥ 14px bold)3:1Pass ✓
WCAG AAANormal text7:1Pass ✓
WCAG AAALarge text4.5:1Pass ✓

The quick brown fox jumps over the lazy dog.

Normal text (18px)

The quick brown fox jumps over the lazy dog.

Large text (24px)

The quick brown fox jumps over the lazy dog.

Bold large (18.67px bold)

PRESETS

कलर कंट्रास्ट चेकर क्या है?

यह टूल text और background colors के बीच WCAG contrast ratio check करता है। AA और AAA compliance के लिए required ratios verify करता है। Web accessibility ensure करने के लिए ज़रूरी।

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

  1. Text color चुनें।
  2. Background color चुनें।
  3. तुरंत contrast ratio देखें (1:1 से 21:1)।
  4. AA / AAA pass/fail status देखें।

WCAG Contrast Standards

  • AA Normal text: 4.5:1 (मानक)
  • AA Large text: 3:1
  • AAA Normal text: 7:1 (best practice)
  • AAA Large text: 4.5:1

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

WCAG contrast क्या है?
WCAG (Web Content Accessibility Guidelines) text और background colors के बीच न्यूनतम contrast ratio define करता है — ताकि दृष्टिबाधित users भी पढ़ सकें। AA: 4.5:1 (normal text), 3:1 (large text)। AAA: 7:1 (normal), 4.5:1 (large)।
Contrast ratio कैसे calculate होता है?
दोनों colors की relative luminance निकाली जाती है (0 = काला, 1 = सफेद)। Ratio = (L1 + 0.05) / (L2 + 0.05), जहाँ L1 lighter और L2 darker है। Range 1:1 (कोई contrast नहीं) से 21:1 (काला + सफेद) तक।
Large text क्या होता है?
WCAG में large text = 18pt (~24px) या ज्यादा regular weight, या 14pt (~18.5px) bold+। Large text को 3:1 contrast चाहिए (normal text 4.5:1)। Headlines, buttons बड़े होते हैं इसलिए कम contrast भी पढ़ने योग्य रहता है।
Contrast pass क्यों ज़रूरी है?
8% पुरुष और 0.5% महिलाएं color blind हैं। 285 million लोग दृष्टिबाधित। कम contrast text इन्हें नहीं दिखता। साथ ही धूप में, छोटी screens पर सब users को low contrast दिक्कत देता है। SEO/Lighthouse भी contrast check करते हैं।

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