रंग कॉन्ट्रास्ट तपासक

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 मार्गदर्शक तत्त्वांच्या विरूद्ध अग्रभाग/पार्श्वभूमीतील फरक तपासा.
तुमच्या ब्राउझरमध्ये चालते
वापरण्यासाठी मोफत

How to use

मजकूर (फोरग्राउंड) आणि पार्श्वभूमी रंग निवडा.
कॉन्ट्रास्ट रेशो आणि AA/AAA परिणाम वाचा.
तुम्ही तुमची लक्ष्य पातळी पार करेपर्यंत समायोजित करा.

How this tool works

मजकूर (फोरग्राउंड) आणि पार्श्वभूमी रंग निवडा.
कॉन्ट्रास्ट रेशो आणि AA/AAA परिणाम वाचा.
तुम्ही तुमची लक्ष्य पातळी पार करेपर्यंत समायोजित करा.

Recommended settings

प्रथम डीफॉल्ट पर्याय वापरा, नंतर आवश्यक असल्यास समायोजित करा

Supported formats

Text / on-page input

File size and limits

जुन्या फोनवर खूप जटिल मल्टी-लेयर पूर्वावलोकने हळू वाटू शकतात.

Privacy

रंग आणि CSS जनरेटर पूर्णपणे तुमच्या ब्राउझरमध्ये चालतात. पूर्वावलोकने आणि रूपांतरणे कधीही तुमच्या शैली अपलोड करत नाहीत.

Common use cases

जेव्हा तुम्हाला आवश्यक असेल तेव्हा कलर कॉन्ट्रास्ट तपासक वापरा: WCAG AA आणि AAA मार्गदर्शक तत्त्वांच्या विरूद्ध अग्रभाग/पार्श्वभूमीचा विरोधाभास तपासा.

Troubleshooting

पेस्ट केल्यानंतर पूर्वावलोकन वेगळे दिसते

तुमच्या पृष्ठावर प्रतिस्पर्धी CSS तपासा (रीसेट, वारसा मिळालेले रंग). व्युत्पन्न केलेला नियम प्रथम एका वेगळ्या स्टाईलशीटमध्ये कॉपी करा.

FAQ

हे माझे CSS अपलोड करते का?

नाही. जनरेटर आणि कन्व्हर्टर तुमच्या ब्राउझरमध्ये थेट पूर्वावलोकनासह चालतात.

मला खाते हवे आहे का?

नाही. टूल उघडा, नियंत्रणे सुधारा आणि CSS कॉपी करा.