रंग डेस्क

कलर कंट्रास्ट चेकर

WCAG टेक्स्ट कंट्रास्ट थ्रेशोल्ड के अनुसार दो रंगों की जाँच करें।

कलर कंट्रास्ट चेकर: TOEA यह तय फ़ॉर्मूला लागू करता है: अनुपात = (L1 + 0.05) ÷ (L2 + 0.05)। कलर गणना आपके ब्राउज़र में स्थानीय रूप से चलती है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।

श्रेणी: रोज़मर्रा के टूल्स
रन: आपके ब्राउज़र में
लागत: मुफ़्त · साइन अप की ज़रूरत नहीं
उपलब्धता: इस्तेमाल के लिए तैयार

TOEA / रंग इंजन 01केवल ब्राउज़र में

परिणाम शीट / 02

कंट्रास्ट अनुपात

17.74

सामान्य टेक्स्ट AA: Pass
सामान्य टेक्स्ट AAA: Pass
बड़े टेक्स्ट का AA: Pass
बड़े टेक्स्ट का AAA: Pass
सारांश: AAA for normal and large text

गणना का फ़ॉर्मूलाअनुपात = (L1 + 0.05) ÷ (L2 + 0.05)

मान्यताएँ / इस्तेमाल से पहले पढ़ें

परिणाम नियत sRGB गणितीय रूपांतरणों पर आधारित होते हैं; स्क्रीन पर दिखने वाला रंग आपके मॉनिटर और कलर प्रोफ़ाइल पर निर्भर करता है।
HEX इनपुट में #RGB या #RRGGBB नोटेशन स्वीकार किया जाता है। मान आपके ब्राउज़र में रहते हैं और अपलोड नहीं होते।

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

WCAG बड़े टेक्स्ट को कम से कम 18 point, यानी लगभग 24 CSS pixels, या 14 point bold, यानी लगभग 18.7 pixels, मानता है। केवल इन आकारों के टेक्स्ट के लिए कम 3:1 threshold इस्तेमाल किया जा सकता है; body copy, captions और form labels के लिए AA में 4.5:1 चाहिए। Ratios एक जैसे रंगों के लिए 1:1 से लेकर सफेद पर black के लिए 21:1 तक होते हैं। Buttons के outlines, form field borders, focus indicators और महत्वपूर्ण icons एक अलग नियम, non-text contrast, के अंतर्गत आते हैं, जिसमें पास के रंगों के सामने 3:1 मांगा जाता है।

पारदर्शी रंग और छूट

चेकर को solid colors चाहिए। Semi-transparent टेक्स्ट या overlays के लिए रंग मिक्सर में opacity को weight मानकर उसे background के साथ blend करें और वास्तव में दिखने वाला रंग निकालें, फिर उसी की जाँच करें।

Disabled controls, केवल सजावट के लिए उपयोग किए गए elements और logos को contrast rules से छूट है। Form field में placeholder text को छूट नहीं है, इसलिए हल्के gray placeholders सबसे आम failures में शामिल हैं।

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

मान्य #RGB या #RRGGBB मान और माँगा गया कोई भी प्रतिशत दर्ज करें।
ब्राउज़र में स्थानीय रूप से चलने वाला तय कलर ऑपरेशन चलाएँ।
स्वैच देखें और परिणाम या पैलेट मान कॉपी करें।

गोपनीयता और सीमाएँ

रंगों के मान इसी डिवाइस पर रहते हैं। कंट्रास्ट आउटपुट एक गणितीय चेकर है, संपूर्ण WCAG अनुपालन की गारंटी नहीं; संदर्भ, फ़ॉन्ट रेंडरिंग, गैर-टेक्स्ट कंट्रास्ट और यूज़र इंटरफ़ेस की स्थितियों की अभी भी समीक्षा ज़रूरी है।

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

कंट्रास्ट चेकर कैसे काम करता है?

यह अनुपात = (L1 + 0.05) ÷ (L2 + 0.05) का उपयोग करता है।

कौन-से HEX फ़ॉर्मैट स्वीकार किए जाते हैं?

3-अंकीय #RGB या 6-अंकीय #RRGGBB sRGB नोटेशन का उपयोग करें। Alpha चैनल और नाम वाले रंग स्वीकार नहीं किए जाते।

क्या कंट्रास्ट परिणाम एक्सेसिबिलिटी अनुपालन की गारंटी देता है?

नहीं। यह बताए गए रंगों और टेक्स्ट थ्रेशोल्ड के लिए गणितीय कंट्रास्ट चेकर है, संपूर्ण अनुपालन की गारंटी नहीं।

मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं