Color Contrast Checker

सभी टूल्स
Color Contrast Checker
टेक्स्ट और बैकग्राउंड रंग के बीच WCAG कंट्रास्ट रेशियो जाँचें — नॉर्मल टेक्स्ट, लार्ज टेक्स्ट और UI कंपोनेंट्स के लिए AA/AAA पास-फेल ग्रेड देखें, लाइव प्रीव्यू और एक्सेसिबल-कलर सुझावों के साथ।
टेक्स्ट कलर
टिंट
बैकग्राउंड कलर
टिंट
कंट्रास्ट रेशियो
--:1
नॉर्मल टेक्स्ट
18px से कम बॉडी टेक्स्ट (या 14px बोल्ड से कम)
AA AAA
लार्ज टेक्स्ट
18px+ रेगुलर, या 14px+ बोल्ड
AA AAA
UI कंपोनेंट्स
आइकन्स, बॉर्डर्स, फॉर्म कंट्रोल्स और ग्राफिक्स
AA AAA
लाइव प्रीव्यू

The quick brown fox

लार्ज टेक्स्ट आराम से पढ़ा जाता है जब कंट्रास्ट पर्याप्त हो।

यह नॉर्मल बॉडी टेक्स्ट का एक सैंपल पैराग्राफ है। अच्छा कलर कंट्रास्ट आपका कंटेंट सबके लिए पठनीय रखता है, कम दृष्टि या रंग अंधेपन वाले लोगों सहित। एक सैंपल लिंक.

स्मॉल प्रिंट और कैप्शन पढ़ने में सबसे कठिन होते हैं — उन्हें सबसे अधिक कंट्रास्ट चाहिए।
सैंपल बटन सैंपल बटन
सुझाव

सब कुछ WCAG 2.x रिलेटिव-ल्यूमिनेंस फॉर्मूले का उपयोग करके आपके ब्राउज़र में लाइव कम्प्यूट होता है — कोई अपलोड नहीं, कोई साइन-अप नहीं, बिल्कुल फ्री।

इसे साझा करें
संबंधित टूल
Color Blindness Simulator

अपनी इमेज या पैलेट को वैसे देखें जैसे प्रोटानोपिया, ड्यूटेरानोपिया, ट्राइटानोपिया या अक्रोमैटोप्सिया वाले लोग देखते हैं — पूरी तरह आपके ब्राउज़र में चलता है, कुछ अपलोड नहीं होता।
Color Code Converter

HEX, RGB, RGBA, HSL, HSLA और HSV के बीच रंग कन्वर्ट करें — एक रंग चुनें, अल्फा बदलें, और कोई भी फॉर्मेट तुरंत कॉपी करें।
Palette Exporter

रंगों का एक सेट पेस्ट या इम्पोर्ट करें और उन्हें CSS वेरिएबल्स, SCSS, Tailwind कॉन्फिग, JSON या SVG स्वॉचेस में तुरंत एक्सपोर्ट करें — किसी भी पैलेट का अंतिम कदम।
लोकप्रिय खोजें
कलर कंट्रास्ट चेकर wcag कंट्रास्ट अनुपात एक्सेसिबिलिटी कंट्रास्ट चेकर टेक्स्ट कंट्रास्ट चेकर aa aaa कंट्रास्ट टेस्ट कलर कंट्रास्ट ऑनलाइन जांचें

इस मुफ़्त टूल को अपनी वेबसाइट पर जोड़ें — नीचे दिया गया कोड कॉपी और पेस्ट करें।