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

WCAG AA और AAA के विरुद्ध अग्रभूमि/पृष्ठभूमि कंट्रास्ट की जाँच करें। जैसे ही आप रंग चुनें, अनुपात अपडेट देखें।

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA और AAA दिशानिर्देशों के विरुद्ध अग्रभूमि/पृष्ठभूमि कंट्रास्ट की जाँच करें।
आपके ब्राउज़र में चलता है
उपयोग करने के लिए निःशुल्क

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

टेक्स्ट (अग्रभूमि) और पृष्ठभूमि रंग चुनें।
कंट्रास्ट अनुपात और AA/AAA परिणाम पढ़ें।
तब तक समायोजित करें जब तक आप अपना लक्ष्य स्तर पार नहीं कर लेते।

How this tool works

टेक्स्ट (अग्रभूमि) और पृष्ठभूमि रंग चुनें।
कंट्रास्ट अनुपात और AA/AAA परिणाम पढ़ें।
तब तक समायोजित करें जब तक आप अपना लक्ष्य स्तर पार नहीं कर लेते।

Recommended settings

पहले डिफ़ॉल्ट विकल्पों का उपयोग करें, फिर यदि आवश्यक हो तो समायोजित करें

Supported formats

Text / on-page input

File size and limits

पुराने फ़ोन पर बहुत जटिल मल्टी-लेयर पूर्वावलोकन धीमा लग सकता है।

Privacy

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

Common use cases

जब भी आपको आवश्यकता हो कलर कंट्रास्ट चेकर का उपयोग करें: WCAG AA और AAA दिशानिर्देशों के विरुद्ध अग्रभूमि/पृष्ठभूमि कंट्रास्ट की जाँच करें।

Troubleshooting

पेस्ट करने के बाद पूर्वावलोकन अलग दिखता है

अपने पृष्ठ पर प्रतिस्पर्धी सीएसएस की जांच करें (रीसेट, विरासत में मिले रंग)। पहले जेनरेट किए गए नियम को एक अलग स्टाइलशीट में कॉपी करें।

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

क्या यह मेरा सीएसएस अपलोड करता है?

नहीं, जेनरेटर और कन्वर्टर आपके ब्राउज़र में लाइव पूर्वावलोकन के साथ चलते हैं।

क्या मुझे एक खाते की आवश्यकता है?

नहीं, टूल खोलें, नियंत्रणों में बदलाव करें और सीएसएस की प्रतिलिपि बनाएँ।