कलर पिकर और कंट्रास्ट चेकर
पिकर से रंग चुनें या किसी भी फ़ॉर्मेट में लिखें। उसे HEX, RGB, HSL, HSV और CMYK में देखें, हल्के-गहरे शेड और मेल खाते रंग पाएँ, और जाँचें कि दो रंगों का टेक्स्ट सुलभता के लिए WCAG कंट्रास्ट दिशानिर्देशों को पूरा करता है या नहीं।
रंग
कलर पिकर और कंट्रास्ट चेकर के बारे में
पिकर से रंग चुनें या किसी भी फ़ॉर्मेट में लिखें। उसे HEX, RGB, HSL, HSV और CMYK में देखें, हल्के-गहरे शेड और मेल खाते रंग पाएँ, और जाँचें कि दो रंगों का टेक्स्ट सुलभता के लिए WCAG कंट्रास्ट दिशानिर्देशों को पूरा करता है या नहीं।
SmartCalcy के “फ़ाइलें, इमेज और डिज़ाइन” अनुभाग का हिस्सा। यह आपके ब्राउज़र में बिना खाते के चलता है, आपकी अपनी मुद्रा और इकाइयाँ इस्तेमाल करता है (पेज के ऊपर बदलें), और केवल जानकारी के लिए अनुमान देता है, इसलिए किसी नतीजे पर भरोसा करने से पहले आधिकारिक मार्गदर्शन देखें।
कलर पिकर और कंट्रास्ट चेकर का उपयोग कैसे करें
यह क्या गणना करता है और कब उपयोग करें
रंग चुनता है और उन्हें HEX, RGB, HSL, HSV और CMYK के बीच बदलता है, हल्के-गहरे शेड और मेल खाते रंग सुझाता है, और WCAG सुलभता दिशानिर्देशों के अनुसार टेक्स्ट कंट्रास्ट जाँचता है।
उपयोग कैसे करें, चरण दर चरण
- पिकर से रंग चुनें या उसे HEX, RGB, HSL या रंग के नाम के रूप में लिखें।
- कंट्रास्ट जाँचने के लिए बैकग्राउंड रंग चुनें।
- एक क्लिक में कोई भी फ़ॉर्मेट कॉपी करें।
- पैलेट के लिए हल्के-गहरे शेड और मेल खाते रंग इस्तेमाल करें।
हर इनपुट का मतलब
- रंग – शुरुआत #2443C8 से, यानी SmartCalcy नीला।
- बैकग्राउंड – शुरुआत सफ़ेद से।
परिणाम कैसे पढ़ें
- कंट्रास्ट अनुपात – 1:1 से 21:1 तक, सामान्य और बड़े टेक्स्ट के लिए AA और AAA नतीजों के साथ।
- फ़ॉर्मेट – HEX, RGB, HSL, HSV और CMYK।
- हल्के और गहरे शेड – हल्के और गहरे रूप।
- मेल खाते रंग – पूरक, समान (एनालॉगस) और त्रिकोणीय (ट्रायडिक)।
सूत्र
कंट्रास्ट अनुपात = (L1 + 0.05) ÷ (L2 + 0.05), जहाँ L1 और L2 हल्के और गहरे रंगों की सापेक्ष चमक (ल्यूमिनेंस) हैं। WCAG AA के लिए सामान्य टेक्स्ट में 4.5:1 और बड़े टेक्स्ट में 3:1 चाहिए; AAA के लिए 7:1 और 4.5:1।
एक हल किया उदाहरण
शुरुआती रंगों में, सफ़ेद पर #2443C8 का कंट्रास्ट अनुपात 7.74:1 है, जो सभी टेक्स्ट साइज़ के लिए AAA पास करता है।
मान्यताएँ और सीमाएँ
- CMYK मान एक सामान्य रूपांतरण हैं, कलर-मैनेज्ड प्रिंट प्रोफ़ाइल नहीं।
- कंट्रास्ट नतीजे WCAG 2 फ़ॉर्मूले के अनुसार हैं।
आम गलतियाँ
- सिर्फ़ बड़े टेक्स्ट पर कंट्रास्ट जाँचना और फिर उस रंग को छोटे टेक्स्ट के लिए इस्तेमाल करना।
- अर्थ बताने के लिए सिर्फ़ रंग पर निर्भर रहना।
अक्सर पूछे जाने वाले प्रश्न
मुझे कितना कंट्रास्ट अनुपात चाहिए?
WCAG AA पूरा करने के लिए सामान्य टेक्स्ट में कम से कम 4.5:1 और बड़े टेक्स्ट में 3:1।
क्या बड़ा टेक्स्ट कोई खास साइज़ है?
हाँ: कम से कम 24 px, या बोल्ड में लगभग 18.7 px।
क्या मैं रंग का नाम लिख सकता हूँ?
हाँ, teal या tomato जैसा कोई भी CSS रंग का नाम चलेगा।
संबंधित टूल
| लेवल | सामान्य टेक्स्ट | बड़ा टेक्स्ट |
|---|---|---|
| AA | पास | पास |
| AAA | पास | पास |
फ़ॉर्मेट
- HEX
- RGB
- HSL
- HSV
- CMYK