Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

मुख्य सामग्री पर जाएं
Gizke.com
ब्लॉग

रंग उपकरण

आपके डिवाइस पर चलता है। कुछ भी नहीं भेजा जाता।
कंट्रास्ट जांचकर्ता

सफेद के मुकाबले

AA (सामान्य टेक्स्ट)

5.17:1पास

AA (बड़ा टेक्स्ट)

5.17:1पास

AAA (सामान्य टेक्स्ट)

5.17:1फेल

AAA (बड़ा टेक्स्ट)

5.17:1पास

काले के मुकाबले

AA (सामान्य टेक्स्ट)

4.06:1फेल

AA (बड़ा टेक्स्ट)

4.06:1पास

AAA (सामान्य टेक्स्ट)

4.06:1फेल

AAA (बड़ा टेक्स्ट)

4.06:1फेल
शेड्स

HEX, RGB और HSL के बीच बदलें, WCAG कंट्रास्ट जांचें, और एक शेड रैंप बनाएं - पूरी तरह आपके ब्राउज़र में।

यह टूल एक रंग को HEX, RGB और HSL नोटेशन के बीच बदलता है, सफेद और काले टेक्स्ट के मुकाबले इसके WCAG कंट्रास्ट अनुपात की जांच करता है, और गहरे से हल्के तक एक शेड रैंप बनाता है - सब कुछ आपके टाइप करते समय आपके ब्राउज़र में स्थानीय रूप से गणना की जाती है।

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

WCAG AA और AAA स्तरों का क्या अर्थ है?
ये वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस से आने वाले पहुंच-योग्यता कंट्रास्ट सीमा हैं: AA को सामान्य टेक्स्ट के लिए कम से कम 4.5:1 कंट्रास्ट चाहिए (बड़े टेक्स्ट के लिए 3:1, 18pt+ या बोल्ड 14pt+), और अधिक सख्त AAA को सामान्य टेक्स्ट के लिए 7:1 चाहिए (बड़े टेक्स्ट के लिए 4.5:1)। AA को पूरा करना पहुंच-योग्य टेक्स्ट के लिए सामान्य आधार रेखा है।
HEX/RGB/HSL राउंड-ट्रिप करने पर थोड़ा अलग मान क्यों दे सकता है?
HSL रंगत, संतृप्ति और चमक को गोल की गई पूर्ण संख्याओं के रूप में संग्रहीत करता है, इसलिए RGB को HSL में और वापस बदलने से गोलाई के कारण एक चैनल एक या दो अंक शिफ्ट हो सकता है - यह सामान्य है और HSL का समर्थन करने वाले हर रंग उपकरण में होता है।
शेड रैंप कैसे बनाया जाता है?
रंग की रंगत और संतृप्ति को स्थिर रखते हुए और केवल HSL स्पेस में इसकी चमक को लगभग काले से लगभग सफेद तक बदलकर। यह एक अवधारणात्मक रूप से एकसमान रैंप (जिसके लिए अधिक जटिल रंग स्पेस की आवश्यकता होगी) के बजाय एक सरल, पूर्वानुमेय रैंप है, जो अधिकांश रोज़मर्रा के रंग उपकरणों द्वारा प्रदान किया जाता है।

इस टूल को शेयर करें

ब्लॉगहमारे बारे मेंसंपर्कउपयोग की शर्तेंगोपनीयता नीति