Color Contrast Checker
Color Contrast Checker किसी भी दो colors के बीच WCAG 2.1 contrast ratio कैलकुलेट करता है और AA व AAA levels के लिए pass/fail दिखाता है, साथ ही आपके background पर आपके text का live preview भी।
आख़िरी बार अपडेट: July 2026
Color contrast checker text color और background color के बीच WCAG 2.1 contrast ratio कैलकुलेट करता है। WCAG को normal text (AA) के लिए कम से कम 4.5:1 और AAA के लिए 7:1 चाहिए; large text के लिए 3:1 और 4.5:1 चाहिए। यह टूल exact ratio, pass/fail results और live text preview तुरंत दिखाता है।
Color Contrast Checker का उपयोग कैसे करें
- एक text color और एक background color (hex) चुनें या टाइप करें।
- contrast ratio और AA/AAA pass/fail results पढ़ें।
- colors को adjust करें (या swap करें) जब तक आपका combination pass न कर जाए।
अक्सर पूछे जाने वाले सवाल
मुझे कितना contrast ratio चाहिए?
WCAG AA को normal text के लिए 4.5:1 और large text (18pt+, या 14pt bold) के लिए 3:1 चाहिए। AAA इसे क्रमशः 7:1 और 4.5:1 तक बढ़ा देता है।
Ratio कैसे कैलकुलेट होता है?
WCAG 2.1 relative luminance formula इस्तेमाल करके: हर color का luminance उसके sRGB values से निकाला जाता है, फिर ratio (L1 + 0.05) / (L2 + 0.05) लिया जाता है।
क्या मेरे colors कहीं भेजे जाते हैं?
नहीं — ratio आपके ब्राउज़र में तुरंत कैलकुलेट होता है। कुछ भी अपलोड नहीं होता।
संबंधित डेवलपर टूल
Color Converter (HEX / RGB / HSL)
HEX, RGB और HSL के बीच colors convert करें, live color picker और preview के साथ। मुफ़्त, instant, in-browser color converter।
RGB to HEX Color Converter
RGB, HSL और HEX color values को visual preview के साथ तुरंत कन्वर्ट करें। मुफ़्त, private, ब्राउज़र में।
CSS Gradient Generator
linear और radial CSS gradients visually बनाएं और code कॉपी करें। मुफ़्त, instant, in-browser gradient generator।
CSS Box Shadow Generator
sliders के साथ visually CSS box-shadows design करें और code कॉपी करें। मुफ़्त, instant, in-browser box-shadow generator।