रंग कन्वर्टर
किसी रंग को HEX, RGB, HSL, HSV और CMYK के बीच बदलें, और जाँचें कि दो रंगों में पढ़ने लायक टेक्स्ट के लिए काफ़ी कंट्रास्ट है या नहीं।
पूरी तरह आपके ब्राउज़र में चलता है
- HEX
- RGB
- HSL
- HSV / HSB
- CMYK
- CSS नाम
कंट्रास्ट चेकर
कंट्रास्ट रेशियो –
| उपयोग | ज़रूरत | नतीजा |
|---|---|---|
| सामान्य टेक्स्ट, AA | 4.5:1 | |
| सामान्य टेक्स्ट, AAA | 7:1 | |
| बड़ा टेक्स्ट, AA | 3:1 | |
| बड़ा टेक्स्ट, AAA | 4.5:1 | |
| आइकन और UI हिस्से, AA | 3:1 |
HEX (3, 4, 6 या 8 अंक), rgb(), hsl(), hsv(), cmyk() और CSS रंगों के नाम पढ़ता है; CSS के बाकी रंग-सिंटैक्स को जहाँ हो सके आपका ब्राउज़र पढ़ता है। HSL, HSV और CMYK एक दशमलव स्थान तक दिखते हैं।
रंग कैसे बदलें
- किसी भी आम फ़ॉर्मैट में रंग लिखें या पेस्ट करें, जैसे
#1636a3,rgb(22, 54, 163),hsl(226, 76%, 36%)याnavy, या कलर पिकर से रंग चुनें। - सूची से वह फ़ॉर्मैट कॉपी करें जो चाहिए। वैल्यू लिखते समय अपडेट होती रहती हैं।
- कंट्रास्ट चेकर में टेक्स्ट का रंग और बैकग्राउंड का रंग डालें, ताकि उनका कंट्रास्ट रेशियो और WCAG AA व AAA पास होना दिखे।
रंग के फ़ॉर्मैट और कंट्रास्ट
HEX और RGB स्क्रीन के रंग को लाल, हरे और नीले की मात्रा (0 से 255) के रूप में बताते हैं; HEX बस हर मात्रा को दो हेक्साडेसिमल अंकों में लिखता है, और पारदर्शिता के लिए वैकल्पिक तीसरी जोड़ी होती है। HSL और HSV उन्हीं रंगों को ह्यू (कलर व्हील पर एक कोण), सैचुरेशन और लाइटनेस या वैल्यू से बताते हैं, जिससे किसी रंग का हल्का या फीका रूप चुनना आसान हो जाता है। ये एक ही sRGB रंगों के अलग निर्देशांक हैं, इसलिए इनके बीच बदलना पूर्णांकन को छोड़कर सटीक रहता है।
CMYK अलग है: यह स्याही का वर्णन करता है, और असली रूपांतरण प्रिंटिंग की प्रक्रिया पर निर्भर करता है। यहाँ दिखाया आँकड़ा सरल सूत्र से आता है (काला है 1 घटा सबसे चमकीला चैनल, और बाकी स्याहियाँ बाक़ी भरती हैं), जो मोटे काम के लिए ठीक है पर प्रिंट प्रोफ़ाइल की जगह नहीं ले सकता।
कंट्रास्ट चेकर WCAG 2 का कंट्रास्ट सूत्र लगाता है, वही जो एक्सेसिबिलिटी ऑडिट और ब्राउज़र डेवलपर टूल में इस्तेमाल होता है। यह सिर्फ़ ल्यूमिनेंस कंट्रास्ट नापता है, इसलिए लाल-हरे जैसे रंग-अंधता वाली जोड़ियों के बारे में कुछ नहीं बता सकता, और बहुत पतले या छोटे फ़ॉन्ट को न्यूनतम से ज़्यादा कंट्रास्ट चाहिए हो सकता है।
सुझाव
- फ़ोटो या स्क्रीनशॉट के किसी पिक्सल का रंग चाहिए? इमेज से रंग चुनें इस्तेमाल करें।
- ब्रांड के रंगों में QR कोड बना रहे हैं? QR कोड जनरेटर चेतावनी देता है जब कंट्रास्ट स्कैन के लिए बहुत कम हो।
- जो हेक्स नंबर रंग नहीं हैं उन्हें बदलना है? संख्या पद्धति कन्वर्टर आज़माएं।
अक्सर पूछे जाने वाले सवाल
क्या CMYK वैल्यू प्रिंटिंग के लिए सही है?
सिर्फ़ मोटे तौर पर। यहाँ का CMYK वह सरल सूत्र है जो बिना कलर प्रोफ़ाइल के स्क्रीन के RGB को बदलता है, और ज़्यादातर ऑनलाइन कन्वर्टर यही इस्तेमाल करते हैं। प्रिंटर ख़ास स्याही और कागज़ के साथ काम करते हैं, जिन्हें ICC प्रोफ़ाइल बताती है, इसलिए प्रिंट के काम के लिए डिज़ाइन सॉफ़्टवेयर में वही प्रोफ़ाइल लगाकर बदलें जो आपका प्रिंटर देता है।
कंट्रास्ट रेशियो कैसे निकाला जाता है?
WCAG 2 के सूत्र से: हर रंग की सापेक्ष ल्यूमिनेंस उसकी sRGB वैल्यू से निकाली जाती है, और रेशियो है (हल्का + 0.05) भाग (गहरा + 0.05)। यह 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (सफ़ेद पर काला) तक होता है। मौजूदा WCAG पाठ सूत्र में 0.04045 की सीमा इस्तेमाल करता है; पुरानी प्रतियों में 0.03928 लिखा था, जो हर 8-बिट रंग के लिए वही नतीजा देता है।
AA और AAA के लिए कितने रेशियो चाहिए?
सामान्य टेक्स्ट को AA के लिए 4.5:1 और AAA के लिए 7:1 चाहिए। बड़े टेक्स्ट को, यानी कम से कम 24 px रेगुलर या लगभग 18.7 px बोल्ड, AA के लिए 3:1 और AAA के लिए 4.5:1 चाहिए। आइकन, इनपुट के बॉर्डर और यूज़र इंटरफ़ेस के बाकी हिस्सों को 3:1 चाहिए (WCAG 1.4.11)। रेशियो को ऊपर की ओर पूर्णांकित नहीं किया जाता: 4.49:1 सामान्य टेक्स्ट के लिए AA में फ़ेल है।
पारदर्शी रंगों का क्या होता है?
आंशिक पारदर्शी टेक्स्ट के रंग को पहले बैकग्राउंड में मिलाया जाता है, जैसे स्क्रीन उसे दिखाती है, और मिला हुआ रंग नापा जाता है। आंशिक पारदर्शी बैकग्राउंड को सफ़ेद पर रखा हुआ माना जाता है। मिलाने के बाद चैनल पूर्ण संख्या में पूर्णांकित किए जाते हैं, जैसे डिस्प्ले उन्हें दिखाएगा।
वापस बदलने पर HSL वैल्यू थोड़ी क्यों बदल जाती हैं?
स्क्रीन के रंगों में हर चैनल के 256 स्तर होते हैं, इसलिए ज़्यादातर HSL और HSV वैल्यू ठीक उनमें से किसी पर नहीं बैठतीं। कन्वर्टर भीतर पूरी सटीकता रखता है और सिर्फ़ दिखाने के लिए पूर्णांकित करता है: HEX और RGB पूर्ण संख्या में, HSL, HSV और CMYK एक दशमलव स्थान तक।
क्या यह CSS रंगों के नाम जानता है?
हाँ, CSS के सभी 148 नाम वाले रंग, जैसे rebeccapurple और cornflowerblue। बदलने के लिए नाम लिखें; जब कोई रंग किसी नाम से ठीक मेल खाता है, तो नाम भी दिखता है। कुछ रंगों के दो नाम होते हैं, जैसे aqua और cyan.