कॉन्ट्रास्ट चेकर

दो रंग डालिए, अनुपात पाइए, और हर उस आकार के लिए फ़ैसला पाइए जिसे WCAG अलग-अलग आँकता है। जब कोई जोड़ा नाकाम होता है, यह आपका ह्यू हिलाए बिना सबसे नज़दीकी पास होने वाला रंग ढूँढ़ देता है, ताकि सुधार ब्रांड के भीतर ही रहे। नया APCA आंकड़ा साथ में रहता है, साफ़ लिखा हुआ कि वह अभी मानक नहीं है।

कॉन्ट्रास्ट अनुपात
APCA
कहाँ इस्तेमाल होता हैन्यूनतमAAAAA

बड़ा टेक्स्ट, 24px और उससे ऊपर

सामान्य आकार का मुख्य टेक्स्ट — असल में यही वह मामला है जो ज़्यादातर पेजों को पास करना होता है।

यह अनुपात असल में क्या नापता है

हर रंग को पहले सापेक्ष चमक में बदला जाता है — sRGB गामा वक्र हटाने के बाद उसके लाल, हरे और नीले चैनलों का भारित योग, जिसमें हरे का भार सबसे ज़्यादा है क्योंकि आँख उसी के प्रति सबसे संवेदनशील है। अनुपात है: ज़्यादा चमकीली चमक में एक छोटा स्थिरांक जोड़कर, उसे ज़्यादा गहरी चमक में वही स्थिरांक जोड़े हुए से भाग देना। यही स्थिरांक पैमाने को शुद्ध काले के सामने अनंत तक भागने से रोकता है, और यही वजह है कि यह फ़ॉर्मूला गहरे बैकग्राउंड के साथ उतनी नरमी बरतता है जितनी ज़्यादातर लोगों की आँखें नहीं बरततीं।

एक ही जोड़े को कई फ़ैसले क्यों मिलते हैं

WCAG किसी रंग-जोड़े को एक ही बार नहीं आँकता। बड़े टेक्स्ट को मुख्य टेक्स्ट से नीची सीमा मिलती है, क्योंकि आकार वह काम कुछ हद तक ख़ुद कर देता है जो वरना कॉन्ट्रास्ट को करना पड़ता; और इंटरफ़ेस के हिस्से — चेकबॉक्स का किनारा, फ़ोकस रिंग — फिर से अलग से आँके जाते हैं। जो पैलेट मुख्य टेक्स्ट में नाकाम हो, वह किसी शीर्षक के लिए बिलकुल ठीक हो सकता है, इसलिए तालिका एक अकेले नतीजे के बजाय हर मामला देती है।

सुधारते वक़्त ह्यू बचाए रखना

नाकाम जोड़े का आम इलाज यह होता है कि कोई और गहरा स्लेटी उठा लिया जाए, और इससे ब्रांड का रंग चुपचाप निचुड़ता जाता है। यहाँ का सुझाव सिर्फ़ चमक बदलता है, उस सबसे छोटे क़दम से जो सीमा पार कर ले, और ह्यू तथा संतृप्ति वहीं छोड़ देता है जहाँ आपने रखी थीं। यह वही रंग है, बस इतना आगे बढ़ा हुआ कि पढ़ा जा सके।

APCA वाले आंकड़े के बारे में

APCA वह कॉन्ट्रास्ट मॉडल है जो दिशानिर्देशों के अगले संस्करण के लिए बनाया जा रहा है। यह उन चीज़ों को गिनता है जिन्हें WCAG 2 का अनुपात नहीं गिनता — ध्रुवता, फ़ॉन्ट का वज़न, गहरे बैकग्राउंड पर महसूस होने वाले कॉन्ट्रास्ट का गिरना — और अमूमन वहीं आपकी आँख से सहमत होता है जहाँ पुराना फ़ॉर्मूला नहीं होता। इसे यहाँ इसलिए दिखाया गया है कि यह सचमुच काम की जानकारी देता है, और साफ़ लिखा इसलिए है कि आपको इस पर नहीं आँका जाता। आज अनुपालन अनुपात है, Lc नहीं।

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

बड़ा टेक्स्ट किसे गिना जाता है?

18 पॉइंट, क़रीब 24 पिक्सल, या 14 पॉइंट बोल्ड, क़रीब 18.66 पिक्सल बोल्ड। इससे नीचे वह सामान्य टेक्स्ट है और उसे ऊँचे अनुपात की ज़रूरत है।

मेरे स्लेटी रंग सफ़ेद पर पास होते हैं मगर गहरे पर नाकाम। क्यों?

WCAG 2 का फ़ॉर्मूला उस तरह सममित नहीं है जिस तरह हमारी दृष्टि होती है। गहरे बैकग्राउंड पर हल्का टेक्स्ट आँख को उतना कॉन्ट्रास्ट नहीं देता जितना अनुपात बताता है, और यही उन खाइयों में से एक है जिन्हें पाटने के लिए APCA बना। अगर जोड़ा गहरे पर बस किसी तरह पास हो रहा है, तो अपनी आँख पर भरोसा कीजिए और थोड़ा और बढ़ा दीजिए।

क्या यह अनुपात आइकन और किनारों पर भी लागू होता है?

हाँ, 3:1 पर, ग़ैर-टेक्स्ट कॉन्ट्रास्ट वाले नियम के तहत। इसमें किसी कंट्रोल के वे हिस्से आते हैं जिन्हें इस्तेमाल करने के लिए दिखना ज़रूरी है — किसी फ़ील्ड की रूपरेखा, टॉगल, फ़ोकस का संकेत — मगर सजावटी ग्राफ़िक या लोगो नहीं।

क्या यहाँ टाइप की गई कोई भी बात कहीं भेजी जाती है?

नहीं। रंग कभी इस पेज से बाहर नहीं जाते, और कुछ भी अपलोड या सेव नहीं किया जाता।

GO AI टीम ने बनाया। OKLCH कन्वर्टर · हमारा सुगम्यता वक्तव्य · सभी मुफ़्त टूल