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

टेक्स्ट रंग आ बैकग्राउंड रंग के कॉन्ट्रास्ट अनुपात आ पढ़ाई के मानक (WCAG AA) के पास/फेल के तुरंत जांच करीं

खासियत

कॉन्ट्रास्ट अनुपात के तुरंत जांच

टेक्स्ट रंग आ बैकग्राउंड रंग डालते ही WCAG AA के पास/फेल देखाई देला

पिकर आ कोड दुनो के समर्थन

HEX, छोट रूप, rgb() पेस्ट कर के या रंग चुन के सेट करीं

2 साइज के सैंपल डिस्प्ले

सामान्य टेक्स्ट आ हेडिंग के असली दिखाई तुरंत देखीं

पास होखे वाला रंग एक क्लिक में

रंग के टोन रखत-रखत चमक बदल के सुझाव वाला रंग तुरंत लागू करीं

इस्तेमाल के तरीका

1

टेक्स्ट रंग सेट करीं

कलर पिकर से चुनीं या #333333, #333, rgb(51, 51, 51) में से कवनो फॉर्मेट में कलर कोड डालीं

2

बैकग्राउंड रंग सेट करीं

ओही तरीका से बैकग्राउंड रंग सेट करीं। बटन दबवले बिना भी इनपुट के साथे-साथ नतीजा अपडेट हो जाला

3

अनुपात, पास/फेल, सैंपल देखीं

कॉन्ट्रास्ट अनुपात, सामान्य टेक्स्ट आ बड़ टेक्स्ट के पास/फेल, एक लाइन के मूल्यांकन, सैंपल टेक्स्ट के दिखाई देखीं

4

सुझाव वाला रंग लागू कर के फेर से जांचीं

फेल होखे पर "टेक्स्ट रंग के … में बदलीं" जइसन सुझाव बटन से पास होखे वाला रंग लागू करीं। अदला-बदली बटन से टेक्स्ट रंग आ बैकग्राउंड रंग के अदला-बदली भी हो सकेला

इस्तेमाल के मामिला

स्लाइड/दस्तावेज के रंग संयोजन के जांच

ऑफिस के दस्तावेज या स्लाइड के टेक्स्ट रंग आ बैकग्राउंड रंग पढ़े लायक बा कि ना, ई बनावे से पहिले जांच करीं

वेबसाइट के रंग संयोजन के जांच

साइट या बैनर के रंग संयोजन एक्सेसिबिलिटी मानक (WCAG AA) पूरा करेला कि ना, जांच करीं

ब्रांड रंग के मुख्य टेक्स्ट में इस्तेमाल के फैसला

ब्रांड रंग के टेक्स्ट रंग में इस्तेमाल करत घरी, ओकरा के कतना गहरा करे पर मुख्य टेक्स्ट में इस्तेमाल हो सकेला, ई तय करीं

फेल रंग संयोजन के सुधार

बताइल गइल रंग संयोजन के टोन रखत-रखत पास होखे वाला रंग में बदलीं

बुनियादी जानकारी

कॉन्ट्रास्ट अनुपात का होला

कॉन्ट्रास्ट अनुपात एगो संख्यात्मक सूचक बा जे टेक्स्ट रंग आ बैकग्राउंड रंग के चमक के अंतर के 1:1 से 21:1 ले के मान में देखावेला। काला आ सफेद के संयोजन सबसे बेसी 21:1 होला, आ एके रंग के बीच सबसे कम 1:1 होला।

  • गणना के तरीका:कॉन्ट्रास्ट अनुपात दुनो रंग के sRGB के सापेक्ष चमक में बदल के, हल्का रंग के चमक आ गहिरा रंग के चमक में से हर एक में 0.05 जोड़ के भाग दे के निकालल जाला।
  • संख्या के अंदाज:सफेद बैकग्राउंड (#FFFFFF) के मुकाबले, स्लेटी #777777 के कॉन्ट्रास्ट अनुपात 4.47:1, #999999 के 2.84:1, आ काला (#000000) के 21:1 होला।

WCAG के AA आ AAA में फर्क

WCAG वेब कंटेंट के एक्सेसिबिलिटी से जुड़ल एगो अंतरराष्ट्रीय दिशा-निर्देश बा, जे कॉन्ट्रास्ट अनुपात के पास लाइन के AA आ AAA दू स्तर में तय करेला।

  • AA (मानक स्तर):AA सामान्य टेक्स्ट खातिर 4.5:1 से बेसी आ बड़ टेक्स्ट खातिर 3.0:1 से बेसी के मांग करेला, ई सामान्य वेबसाइट के लक्ष्य वाला स्तर बा।
  • AAA (कठोर स्तर):AAA सामान्य टेक्स्ट खातिर 7:1 से बेसी आ बड़ टेक्स्ट खातिर 4.5:1 से बेसी के मांग करेला, ई कमजोर नजर वाला लोग खातिर भी पढ़े लायक बनावे के लक्ष्य वाला स्तर बा।

बड़ टेक्स्ट के परिभाषा

WCAG के बड़ टेक्स्ट से मतलब बा लगभग 18 पॉइंट (24px) से बेसी, या बोल्ड में 14 पॉइंट (लगभग 18.7px) से बेसी के टेक्स्ट।

  • सामान्य टेक्स्ट:सामान्य टेक्स्ट ऊ साइज के टेक्स्ट बा जे बड़ टेक्स्ट में ना आवे, जइसे मुख्य टेक्स्ट आ फुटनोट, एकरा खातिर 4.5:1 से बेसी कॉन्ट्रास्ट अनुपात चाहीं।
  • हेडिंग से संबंध:हेडिंग भी अगर 24px से कम बा आ बोल्ड ना बा त ओकरा के सामान्य टेक्स्ट मानल जाला, एही से साइज के साथे-साथ मोटाई भी जांचे के जरूरत बा।

सुरक्षा आ निजता

पूरा तरह ब्राउज़र में

डालल गइल डेटा खाली रउआ के ब्राउज़र के भीतरे प्रोसेस होला आ बाहर ना भेजल जाला।

सिर्फ ब्राउजर में प्रोसेसिंग

कॉन्ट्रास्ट अनुपात के गणना आ रंग के सुझाव सभ आपके ब्राउजर में होला, इनपुट डेटा सर्वर पर ना भेजाला।

कनेक्शन HTTPS से एन्क्रिप्ट बा

पेज लोडिंग भी TLS से एन्क्रिप्ट होला, तीसरा पक्ष सामग्री पढ़ ना सकत।

तीसरा पक्ष को ना भेजाला

विज्ञापन नेटवर्क या ट्रैकर जइसन बाहरी सेवा को इनपुट सामग्री ना भेजाला।

नतीजा अपने आप सेव ना होला

डालल गइल टेक्स्ट रंग या बैकग्राउंड रंग आ इनपुट सुझाव सर्वर पर सेव ना कइल जाला।

Google खोज पर RAKKOTOOLS के फॉलो करीं

194 गो काम के टूल Google खोज आ AI खोज से खोजल आसान हो जाई!

  • खोज में मिली
  • AI खोज में भी देखाई
  • नया टूल भी मिली

अपडेट के जानकारी

संबंधित टूल