WCAG Color Contrast Checker (AA / AAA)

WCAG 2.1 AA और AAA के against text/background contrast check करें - live preview

🔒 100% in-browser🆓 Free forever⚡ No sign-up
Note: नीचे दिया गया tool interface अभी सिर्फ़ English में available है। हम tools के UI एक-एक करके translate कर रहे हैं। इस tool को English में देखें →
The quick brown fox jumps over the lazy dog - 0123456789
14.33:1
Contrast ratio · Normal text
AA (normal ≥ 4.5)PASS
AA large (≥ 3)PASS
AAA (normal ≥ 7)PASS
AAA large (≥ 4.5)PASS

Uses the WCAG 2.1 sRGB relative-luminance formula. “Large text” is 24px (18pt) regular or 18.66px (14pt) bold.

यह कैसे काम करता है

  1. 1
    Foreground और background pick करें

    HEX type करें या color pickers use करें। Alpha supported है और background पर blend हो जाता है।

  2. 2
    Ratio पढ़ें

    Exact contrast ratio normal और large text के लिए AA / AAA pass/fail badges के साथ दिखता है।

  3. 3
    Pass होने तक tweak करें

    Sliders lightness को tiny steps में adjust करते हैं ताकि closest passing shade मिल सके।

WCAG Color Contrast Checker (AA / AAA) के बारे में

Free WCAG color contrast checker। Foreground और background colors pick करें और exact contrast ratio (WCAG 2.1 relative luminance से) plus AA, AA Large, AAA और AAA Large के लिए pass/fail badges देखें। Actual colors पर real text का live preview। पूरी तरह आपके browser में चलता है। 712 Tools पर WCAG Color Contrast Checker (AA / AAA) पूरी तरह आपके browser के अंदर modern JavaScript APIs use करके चलता है - कोई server आपका data कभी नहीं देखता। मतलब instant results, full privacy और कोई upload limits नहीं।

Debugging session, quick sanity check या production incident - जब भी आपको wcag 2.1 aa और aaa के against text/background contrast check करें - live preview करना हो, यह tool जितनी बार चाहें use कर सकते हैं, free में। कोई watermarks नहीं, कोई sign-up नहीं और tool के अंदर कोई ads नहीं।

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

WCAG कौन-से ratios require करता है?

AA को normal text के लिए 4.5:1 और large के लिए 3:1 चाहिए। AAA को normal के लिए 7:1 और large के लिए 4.5:1 चाहिए। 'Large' मतलब 18pt (24px) regular या 14pt (18.66px) bold।

कौन-सा luminance formula use होता है?

WCAG 2.1 sRGB relative-luminance formula - वही जो webaim.org और axe use करते हैं। Results चौथे decimal तक match होते हैं।

APCA के बारे में क्या?

APCA (proposed WCAG 3 algorithm) अभी include नहीं है - अभी draft में है। यह tool current WCAG 2.1 formula पर stick करती है जिसे accessibility auditors और lawyers actually cite करते हैं।

और पढ़ें

5 min read

The WCAG color contrast checklist every designer should bookmark

AA vs AAA, the math behind the ratios, why gray-on-gray fails on retina screens, and the two-line HTML that makes a color contrast test run in seconds.

Related tools

Color Converter

HEX, RGB, HSL और CMYK के बीच live preview के साथ convert करें

Palette Generator

एक base color से harmonious color palettes generate करें

CSS Gradient

Linear, radial और conic CSS gradients live preview के साथ design करें

Box Shadow

Multi-layer CSS box-shadows live preview के साथ design करें

Glassmorphism

Frosted-glass CSS cards live preview और copy-ready code के साथ design करें

Physics Editor

Free online sprite hitbox editor - auto-trace collision polygons और Phaser, Matter.js, Rapier या किसी भी 2D engine के लिए export