कलर कंट्रास्ट चेकर
कलर पिकर और कन्वर्टर का एक प्रीसेट
यह जाँचें कि कोई टेक्स्ट रंग WCAG 2.1 सीमाओं के ख़िलाफ़ अपने बैकग्राउंड पर पढ़ने लायक़ है या नहीं। कंट्रास्ट वेब पर सबसे आम एक्सेसिबिलिटी ख़ामी है, और यह ठीक करने में सबसे आसान भी है — आमतौर पर किसी रंग को थोड़ा गहरा करके।
- फ़ाइलें कभी आपकी डिवाइस से बाहर नहीं जातीं
- मुफ़्त, बिना साइन-अप
- कोई वॉटरमार्क नहीं
- लोड होने के बाद ऑफ़लाइन भी काम करता है
कलर पिकर और कन्वर्टर कैसे करें
- 1
कोई रंग चुनें
स्वैच इस्तेमाल करें, या सीधे कोई HEX या RGB वैल्यू टाइप करें।
- 2
कोई भी फ़ॉर्मेट कॉपी करें
HEX, RGB, HSL, HSV और CMYK सभी एक साथ दिखाए जाते हैं।
- 3
कंट्रास्ट जाँचें
यह देखने के लिए कि टेक्स्ट WCAG AA और AAA पास करता है या नहीं, कोई बैकग्राउंड तय करें।
कंट्रास्ट वेब पर सबसे आम एक्सेसिबिलिटी ख़ामी क्यों है
ऑटोमेटेड एक्सेसिबिलिटी ऑडिट स्कैन की गई वेबसाइटों में लगातार अपर्याप्त कलर कंट्रास्ट को सबसे आम अकेली गड़बड़ी के रूप में पाते हैं, बाक़ी सारी एक्सेसिबिलिटी समस्या श्रेणियों को मिलाकर भी उससे आगे — और कई एक्सेसिबिलिटी समस्याओं से अलग, जिन्हें ठीक करने के लिए संरचनात्मक या सिमैंटिक मार्कअप बदलाव चाहिए, कोई कंट्रास्ट ख़ामी आमतौर पर किसी रंग को हल्का सा गहरा या हल्का करके हल हो जाती है, पेज की संरचना, मार्कअप, या लेआउट में बिल्कुल भी कोई बदलाव किए बिना। वह मेल — बेहद आम, लेकिन एक बार पहचानने के बाद अपेक्षाकृत सस्ता ठीक करना — ठीक वही वजह है कि किसी ख़ास कलर जोड़ी पर इसे पब्लिश करने से पहले सीधे एक समर्पित कंट्रास्ट चेकर इस्तेमाल करना फ़ायदेमंद है, बाद में इसे पकड़ने के लिए किसी पूरी एक्सेसिबिलिटी ऑडिट पर भरोसा करने की बजाय।
AA और AAA सीमाएँ, और असल में कौन सी लागू होती है
WCAG अलग-अलग संख्यात्मक सीमाओं वाले अनुरूपता के दो स्तर परिभाषित करता है, और कौन सी लागू होती है यह इस पर निर्भर करता है कि कोई प्रोजेक्ट किस स्तर के लिए प्रतिबद्ध है और जाँचे जा रहे ख़ास टेक्स्ट का साइज़ क्या है। AA स्तर — जिसे ज़्यादातर क़ानूनी एक्सेसिबिलिटी ज़रूरतें और संगठनात्मक नीतियाँ संदर्भित करती हैं — सामान्य साइज़ के टेक्स्ट के लिए 4.5:1 का अनुपात चाहता है लेकिन बड़े टेक्स्ट के लिए 3:1 तक ढील देता है, जिसे 18pt या 14pt बोल्ड और उससे ऊपर परिभाषित किया गया है, क्योंकि बड़े ग्लिफ़ छोटे से कम कंट्रास्ट पर भी पढ़ने लायक़ रहते हैं। AAA स्तर, एक ज़्यादा सख़्त मानक, उन्हीं सीमाओं को क्रमशः 7:1 और 4.5:1 तक बढ़ा देता है। ज़्यादातर प्रोजेक्ट व्यावहारिक बेसलाइन के रूप में AA का लक्ष्य रखते हैं; AAA उस कंटेंट के लिए आरक्षित है जो ख़ास तौर पर ज़्यादा गंभीर दृष्टि दिव्यांगता वाले यूज़र के लिए बनाया गया है, जहाँ ज़्यादा सख़्त सीमा उसके लगाए अतिरिक्त डिज़ाइन प्रतिबंध के लायक़ है।
अक्सर पूछे जाने वाले सवाल
HEX, RGB और HSL में क्या फ़र्क़ है?
HEX और RGB एक जैसी चीज़ अलग नोटेशन में बताते हैं — कितना लाल, हरा और नीला मिलाना है। HSL इसे hue, saturation और lightness के रूप में दोबारा लिखता है, जिसके बारे में सोचना कहीं आसान है: किसी रंग को हल्का बनाने के लिए आप तीन का अंदाज़ा लगाने की बजाय एक नंबर बदलते हैं।
कंट्रास्ट अनुपात का मतलब क्या है?
यह दो रंगों की सापेक्ष चमक की तुलना 1 (एक जैसा) से 21 (काले पर सफ़ेद) के पैमाने पर करता है। WCAG को सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 AA लेवल पर चाहिए, जो AAA में 7:1 और 4.5:1 तक बढ़ जाता है।
मेरा रंग कंट्रास्ट में फ़ेल क्यों होता है जब मुझे यह ठीक लगता है?
क्योंकि अनुपात सापेक्ष चमक से कैलकुलेट होता है, दो रंग कितने अलग दिखते हैं इससे नहीं। एक जैसी चमक के दो चटक रंग — मसलन लाल पर नारंगी — अलग दिखते हैं लेकिन लगभग कोई चमक कंट्रास्ट नहीं रखते, और कम दृष्टि वाले किसी भी व्यक्ति के लिए या धूप में किसी स्क्रीन पर अपठनीय हो जाते हैं।
क्या CMYK में कन्वर्ज़न प्रिंटिंग के लिए सटीक है?
यह मानक अंकगणितीय कन्वर्ज़न है, जो कलर-मैनेज्ड नतीजे की बजाय एक शुरुआती बिंदु है। असली प्रिंटिंग काम को ख़ास प्रिंटर और काग़ज़ के लिए एक ICC प्रोफ़ाइल चाहिए, क्योंकि CMYK कई चटक RGB रंग बिल्कुल भी दोबारा नहीं बना सकता।
आपको यह भी चाहिए हो सकता है
QR कोड जेनरेटर
लिंक, टेक्स्ट, WiFi और अधिक के लिए QR कोड बनाएँ
कलर पैलेट एक्सट्रैक्टर
किसी इमेज के डोमिनेंट रंग निकालें
CSS फ़ॉर्मेटर
स्टाइलशीट को सुंदर बनाएँ या मिनिफ़ाई करें
बारकोड जेनरेटर
स्केलेबल SVG के रूप में Code 128 बारकोड
इनवॉइस जेनरेटर
प्रोफ़ेशनल इनवॉइस बनाएँ और PDF के रूप में डाउनलोड करें
पासवर्ड जेनरेटर
मज़बूत रैंडम पासवर्ड और पासफ़्रेज़ बनाएँ
रिज़्यूमे बिल्डर
एक साफ़, ATS-फ़्रेंडली रिज़्यूमे बनाएँ और PDF के रूप में डाउनलोड करें
UUID जेनरेटर
UUID v4 और v7 बल्क में जेनरेट करें