कलर कोड कन्वर्ज़न — HEX·RGB·HSL·CMYK, कलर कॉन्ट्रास्ट जांच

डिज़ाइन मॉकअप के रंग को CSS कोड में बदलने, या बटन का टेक्स्ट अच्छी तरह पढ़ा जा सकता है या नहीं एक्सेसिबिलिटी स्टैंडर्ड से जांचने के लिए इस्तेमाल होता है।

फ़ाइल सर्वर पर नहीं भेजी जाती — सिर्फ़ इस डिवाइस के ब्राउज़र के अंदर प्रोसेस होती है

कलर कॉन्ट्रास्ट जांच (WCAG)

इस रंग को टेक्स्ट कलर के तौर पर इस्तेमाल करने पर बैकग्राउंड से कॉन्ट्रास्ट रेशियो यह है। मुख्य टेक्स्ट AA 4.5:1, AAA 7:1 / बड़ा टेक्स्ट (24px या बोल्ड 18.7px से बड़ा) AA 3:1, AAA 4.5:1।

अआइई Aa 123
सफ़ेद बैकग्राउंड6.29:1
✓ AA मुख्य टेक्स्ट ✗ AAA मुख्य टेक्स्ट ✓ AA बड़ा टेक्स्ट ✓ AAA बड़ा टेक्स्ट
अआइई Aa 123
काला बैकग्राउंड3.34:1
✗ AA मुख्य टेक्स्ट ✗ AAA मुख्य टेक्स्ट ✓ AA बड़ा टेक्स्ट ✗ AAA बड़ा टेक्स्ट
अआइई Aa 123
खुद चुना गया रंग #FFFFFF6.29:1
✓ AA मुख्य टेक्स्ट ✗ AAA मुख्य टेक्स्ट ✓ AA बड़ा टेक्स्ट ✓ AAA बड़ा टेक्स्ट

ब्राइटनेस·डार्कनेस के स्टेप

बॉक्स दबाने पर HEX कोड कॉपी हो जाता है।

विज्ञापन

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

  1. 1कलर कोड डालें या कलर पिकर से चुनें (#4f46e5, rgb(), hsl() — सब मुमकिन)।
  2. 2सभी फ़ॉर्मैट के कोड दिखते हैं, दबाने पर कॉपी हो जाते हैं।
  3. 3सफ़ेद·काले·मन-मुताबिक़ चुने गए रंग से कॉन्ट्रास्ट रेशियो, WCAG पास हुआ या नहीं, और ब्राइटनेस·डार्कनेस के स्टेप जांचें।

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

कॉन्ट्रास्ट रेशियो कम से कम कितना होना चाहिए?

WCAG AA में मुख्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट के लिए 3:1 या उससे ज़्यादा चाहिए, AAA में क्रमशः 7:1, 4.5:1 या उससे ज़्यादा चाहिए।

CMYK वैल्यू प्रिंट शॉप से अलग है।

यहाँ CMYK सिर्फ़ एक गणितीय कन्वर्ज़न है। असली प्रिंटिंग पेपर·इंक प्रोफ़ाइल के हिसाब से अलग होती है, इसलिए प्रिंट शॉप के स्टैंडर्ड को फ़ॉलो करें।

विज्ञापन