रंग कनवर्टर
HEX, RGB, HSL और CMYK के बीच रंग बदलें, 9 शेड वाला पैलेट बनाएं और ब्राउज़र में दो रंगों का WCAG कंट्रास्ट जांचें।
आपका इनपुट और फ़ाइलें ब्राउज़र में ही रहते हैं
रंग
उदाहरण: #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%), cmyk(76%, 47%, 0%, 4%)
कन्वर्ट किए गए प्रारूप
फ़ॉर्मैट और पैलेट देखने के लिए मान्य रंग दर्ज करें।
कंट्रास्ट चेकर
नमूना टेक्स्ट16 px
नमूना टेक्स्ट24 px
बड़ा टेक्स्ट यानी कम से कम 24 px सामान्य या लगभग 18.67 px बोल्ड।
टिंट और शेड
लीनियर-लाइट sRGB में काले (शेड) और सफ़ेद (टिंट) के साथ मिलाया गया। HEX कॉपी करने के लिए किसी स्वैच पर क्लिक करें।
फ़ॉर्मैट और पैलेट देखने के लिए मान्य रंग दर्ज करें।
इस पृष्ठ पर
किसी भी आम नोटेशन में CSS रंग पेस्ट करें और वही रंग HEX, RGB, HSL और CMYK में पाएं, कॉपी के लिए तैयार। पेज हल्के और गहरे शेड का पैलेट भी बनाता है और टेक्स्ट व बैकग्राउंड के बीच WCAG कंट्रास्ट जांचता है।
विस्तृत कार्यक्षमता
फ़ॉर्मेट अपने-आप पहचाना जाता है: #3b82f6, छोटा रूप #38f (# वैकल्पिक), 0–255 या प्रतिशत चैनल वाला rgb(59, 130, 246) या rgba(…), वैकल्पिक deg के साथ hsl(217, 91%, 60%) और cmyk(76%, 47%, 0%, 4%)। स्पेस से अलग CSS सिंटैक्स, जैसे rgb(59 130 246 / 50%), भी चलता है; अल्फ़ा मान स्वीकार होता है पर अनदेखा किया जाता है, क्योंकि आउटपुट में पारदर्शिता नहीं होती। गलत या सीमा से बाहर मान अनुमान लगाने के बजाय त्रुटि दिखाते हैं। आप ब्राउज़र के रंग पिकर से भी रंग चुन सकते हैं।
पैलेट मौजूदा रंग को लीनियर-लाइट sRGB में 20, 40, 60 और 80% पर काले (शेड) और सफ़ेद (टिंट) के साथ मिलाता है — नौ स्वैच, बीच में मूल रंग; किसी स्वैच पर क्लिक करने से उसका HEX कोड कॉपी होता है। कंट्रास्ट चेकर टेक्स्ट और बैकग्राउंड रंग लेकर अनुपात और WCAG 2.x की चार सीमाएं दिखाता है: सामान्य टेक्स्ट के लिए AA 4.5:1 और AAA 7:1, बड़े टेक्स्ट के लिए AA 3:1 और AAA 4.5:1।
सभी रूपांतरण पेज पर चलने वाले साधारण JavaScript सूत्र हैं — कुछ भी अपलोड नहीं होता। CMYK बिना ICC प्रोफ़ाइल वाले सरल सूत्र से निकलता है, इसलिए यह अंदाज़े के लिए है, प्रीप्रेस के लिए नहीं। HSL और CMYK पूर्णांक में राउंड होते हैं, इसलिए वापस बदलने पर मान एक इकाई अलग हो सकता है।
व्यावहारिक उदाहरण
HEX से सभी फ़ॉर्मेट: #3b82f6 से rgb(59, 130, 246), hsl(217, 91%, 60%) और cmyk(76%, 47%, 0%, 4%) मिलते हैं।
HSL से HEX: hsl(0, 100%, 50%) बदलकर #FF0000 बनता है, और cmyk(0%, 100%, 100%, 0%) भी।
कंट्रास्ट जांच: सफ़ेद #ffffff बैकग्राउंड पर ग्रे #777777 टेक्स्ट का अनुपात 4.48:1 है — बड़े टेक्स्ट के लिए AA (3:1) पास, पर सामान्य टेक्स्ट के लिए AA (4.5:1) फ़ेल।
डिफ़ॉल्ट जोड़ी: पहले से सेट #1e3a8a पर #ffffff का अनुपात 10.36:1 है और यह चारों WCAG स्तर पास करता है।
इस उपकरण का उपयोग कैसे करें
रंग दर्ज करें
"मैन्युअल इनपुट" में मान (HEX, rgb(), hsl() या cmyk()) लिखें या पेस्ट करें और "कन्वर्ट" या Enter दबाएं — या "रंग पिकर" से रंग चुनें।
ज़रूरी फ़ॉर्मेट कॉपी करें
"कन्वर्ट किए गए प्रारूप" में HEX, RGB, HSL या CMYK के पास वाले कॉपी बटन पर क्लिक करें।
टिंट या शेड कॉपी करें
"टिंट और शेड" में किसी स्वैच पर क्लिक करके उसका HEX कोड कॉपी करें।
कंट्रास्ट जांचें
"कंट्रास्ट चेकर" में "फोरग्राउंड रंग" और "बैकग्राउंड रंग" सेट करें और अनुपात व AA/AAA परिणाम देखें।
सुझाव और सर्वोत्तम प्रथाएं
#वैकल्पिक है और तीन अंकों वाला छोटा रूप भी चलता है:38fको#3388FFपढ़ा जाता है।- ह्यू
degके साथ या बिना लिख सकते हैं; सैचुरेशन और लाइटनेस 0 से 100 तक। - सीमा से बाहर मान (जैसे
rgb(300, 0, 0)) चुपचाप काटे नहीं जाते, अस्वीकार होते हैं। - सामान्य टेक्स्ट के लिए कम से कम 4.5:1 रखें; 3:1 केवल बड़े टेक्स्ट (24 px या बोल्ड 18.66 px) के लिए काफ़ी है।
- यहां के CMYK को प्रिंट प्रोडक्शन में न लें — प्रिंटर से उनके ICC प्रोफ़ाइल के अनुसार मान मांगें।