ToolsMaxxing

कलर कन्वर्टर

किसी रंग को HEX, RGB, HSL, HSV और CMYK के बीच बदलें, और उस पर टेक्स्ट का कंट्रास्ट जाँचें।

HEX
#4f46e5
RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)
HSV
hsv(243, 69%, 90%)
CMYK
cmyk(66%, 69%, 0%, 10%)

टेक्स्ट कंट्रास्ट (WCAG)

इस रंग पर सफ़ेद टेक्स्ट
6.29:1 AA पास
इस रंग पर काला टेक्स्ट
3.34:1 सिर्फ़ बड़ा टेक्स्ट

आपकी फ़ाइलें आपके डिवाइस पर ही रहती हैं

यह कैसे काम करता है

  1. 1किसी भी फ़ॉर्मेट में रंग लिखें, या कलर पिकर से चुनें।
  2. 2वही रंग HEX, RGB, HSL, HSV और CMYK में देखें।
  3. 3जो फ़ॉर्मेट चाहिए उसे कॉपी करें।
  4. 4कंट्रास्ट वाली लाइनें देखें कि उस पर सफ़ेद या काला टेक्स्ट पढ़ने लायक़ है या नहीं।

विकल्पों का मतलब

स्वीकार्य इनपुट
#rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() और tomato जैसे CSS रंग के नाम।
कंट्रास्ट
सफ़ेद और काले के मुक़ाबले WCAG अनुपात। सामान्य टेक्स्ट के लिए 4.5:1 AA पूरा करता है, बड़े टेक्स्ट के लिए 3:1।

प्राइवेसी

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

लोग अक्सर पूछते हैं

क्या CMYK मान प्रिंटिंग के लिए सटीक है?

नहीं। यह RGB से किया गया सीधा गणितीय बदलाव है। प्रिंटर कलर प्रोफ़ाइल इस्तेमाल करते हैं, इसलिए प्रिंट की दुकान का प्रूफ़ अलग दिखेगा, ख़ासकर चटक नीले और हरे रंगों में।

HSL और HSV में क्या फ़र्क़ है?

दोनों ह्यू, सैचुरेशन और एक ब्राइटनेस अक्ष बताते हैं। HSL में लाइटनेस 100 प्रतिशत हमेशा सफ़ेद होता है। HSV में वैल्यू 100 प्रतिशत उस रंग का सबसे चमकीला रूप है। डिज़ाइन टूल अक्सर HSV इस्तेमाल करते हैं, CSS HSL।

आठ अंकों वाले hex का क्या मतलब है?

आख़िरी दो अंक अपारदर्शिता हैं, 00 (पारदर्शी) से ff (ठोस) तक। #4f46e580 लगभग 50 प्रतिशत अपारदर्शी है।

रंग का नाम क्यों काम नहीं करता?

सिर्फ़ CSS के नामित रंग पहचाने जाते हैं, जैसे tomato या rebeccapurple। डिज़ाइन टूल के नाम नहीं।

मुझे कितना कंट्रास्ट चाहिए?

WCAG AA में सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट व इंटरफ़ेस के हिस्सों के लिए 3:1 चाहिए। AAA में सामान्य टेक्स्ट के लिए 7:1 चाहिए।

मिलते-जुलते टूल्स