रङ कन्ट्रास्ट परीक्षक

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

रङ र CSS जेनरेटरहरू तपाईंको ब्राउजरमा पूर्ण रूपमा चल्छन्। पूर्वावलोकन र रूपान्तरणले तपाईंको शैलीहरू कहिल्यै अपलोड गर्दैन।

Common use cases

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

Troubleshooting

पेस्ट गरेपछि पूर्वावलोकन फरक देखिन्छ

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

बारम्बार सोधिने प्रश्नहरू

के यसले मेरो CSS अपलोड गर्छ?

होइन। जेनेरेटर र कन्भर्टरहरू तपाईंको ब्राउजरमा लाइभ पूर्वावलोकनको साथ चल्छन्।

के मलाई खाता चाहिन्छ?

होइन। उपकरण खोल्नुहोस्, नियन्त्रणहरू ट्वीक गर्नुहोस्, र CSS प्रतिलिपि गर्नुहोस्।