हेक्स रंग चयनकर्ता और कन्वर्टर (RGB, HSL, HSV, CMYK, OKLCH)
किसी भी रंग को HEX, RGB, HSL, HSV, CMYK और OKLCH में बदलें, कंट्रास्ट जाँचें, सामंजस्य स्वैच कॉपी करें और CSS या JSON निर्यात करें—सीधे अपने ब्राउज़र में।
hex (#RGB, #RRGGBB, #RRGGBBAA), rgb()/rgba(), hsl()/hsla(), hsv(), cmyk(), oklch() या CSS रंग नाम दर्ज करें। अमान्य मान अंतिम सही रूपांतरण बनाए रखते हैं।
निकटतम CSS नाम: royalblue
रूपांतरण
सफेद पृष्ठभूमि पर
3.68:1
WCAG AA पास (केवल बड़ा पाठ)
काली पृष्ठभूमि पर
5.71:1
WCAG AA पास (सामान्य पाठ)
स्वैच निर्यात करें
कोई भी रंग प्रारूप चुनें या पेस्ट करें, HEX, RGB, HSL, HSV, CMYK और OKLCH में बदलें, WCAG कंट्रास्ट जाँचें, सामंजस्य स्वैच बनाएँ, मान कॉपी करें और CSS या JSON निर्यात करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में चलता है।
इस रंग चयनकर्ता का उपयोग कैसे करें
कोई भी समर्थित रंग प्रारूप टाइप या पेस्ट करें, अपारदर्शिता समायोजित करें या नेटिव पिकर का उपयोग करें। पेज तुरंत HEX, RGB, HSL, HSV, CMYK और OKLCH में बदलता है, सफेद और काले पर WCAG कंट्रास्ट दिखाता है, सामंजस्य स्वैच और टिंट/शेड पट्टी बनाता है, और सब कुछ कॉपी-तैयार रखता है। URL से सेटअप साझा करें—स्थिति क्वेरी स्ट्रिंग में संग्रहीत होती है।
HEX, RGB, HSL, HSV, CMYK और OKLCH संदर्भ
Hex एक संक्षिप्त RGB एन्कोडिंग है। RGB लाल/हरे/नीले चैनलों का वर्णन करता है। HSL रंग, संतृप्ति और हल्कापन व्यक्त करता है; HSV रंग, संतृप्ति और मान (चमक) का उपयोग करता है। CMYK प्रिंट स्याही प्रतिशत मॉडल करता है। OKLCH एक अनुभवगत रूप से समान CSS रंग स्थान है। यह टूल आपके ब्राउज़र में नियतात्मक गणित का उपयोग करता है—कोई अपलोड नहीं और कोई बाहरी API नहीं।
पूरक, समान, त्रिक, विभाजित-पूरक, चतुष्क और एकवर्णी
पूरक रंग 180° घुमाता है। समान आपके आधार के चारों ओर निश्चित कोण से रंग बढ़ाता है। त्रिक 120° ऑफसेट का उपयोग करता है। विभाजित-पूरक पूरक के पास दो रंग जोड़ता है। चतुष्क 90° आयताकार ऑफसेट का उपयोग करता है। एकवर्णी रंग बनाए रखता है और हल्कापन बदलता है। गणना नियंत्रण समान और एकवर्णी मोड पर लागू होते हैं।
CSS वेरिएबल और JSON निर्यात
निर्यात स्थिर नामों (जैसे --color-base, --color-analogous-1) के साथ :root कस्टम गुण और baseHex, alpha, namedColor, सामंजस्य मोड, कंट्रास्ट अनुपात और स्क्रिप्ट या डिज़ाइन टोकन के लिए स्वैच सूचियों वाला JSON उत्पन्न करता है।
WCAG कंट्रास्ट जाँचक
कंट्रास्ट अनुपात WCAG 2.x के अनुसार सापेक्ष चमक से गणना होता है। AA के लिए सामान्य पाठ पर 4.5:1 और बड़े पाठ पर 3:1; AAA के लिए 7:1 आवश्यक है। हल्की या गहरी पृष्ठभूमि पर पाठ या UI रंग चुनते समय इन पूर्वावलोकन का उपयोग करें।
अक्सर पूछे जाने वाले प्रश्न
मैं कौन से रंग प्रारूप दर्ज कर सकता हूँ?
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb()/rgba(), hsl()/hsla(), hsv(), cmyk(), oklch() और cornflowerblue या rebeccapurple जैसे सभी मानक CSS नामित रंग।
क्या #ABC छह अंकों तक विस्तारित होता है?
हाँ। तीन-अंकीय hex को प्रति अंक युग्म में विस्तारित किया जाता है, इसलिए #ABC, #AABBCC बन जाता है।
यदि मेरा रंग अमान्य है तो क्या होगा?
आपको एक इनलाइन त्रुटि दिखाई देती है। अंतिम वैध रंग रूपांतरण पंक्तियों, पिकर और निर्यात में तब तक रहता है जब तक आप फिर से मान्य मान दर्ज नहीं करते।
WCAG कंट्रास्ट जाँचक कैसे काम करता है?
यह सापेक्ष चमक का उपयोग करके आपके रंग और शुद्ध सफेद या काले के बीच कंट्रास्ट अनुपात की गणना करता है। परिणाम दिखाते हैं कि रंग सामान्य या बड़े पाठ के लिए AA या AAA सीमा पूरी करता है या नहीं।
सामंजस्य रंगों की गणना कैसे की जाती है?
वे नियतात्मक हैं: पूरक 180° रंग शिफ्ट है; समान निश्चित रंग चरणों का उपयोग करता है; त्रिक 120° ऑफसेट; विभाजित-पूरक पूरक के पास रंग; चतुष्क 90° आयताकार ऑफसेट; एकवर्णी आधार से रंग और संतृप्ति बनाए रखते हुए हल्कापन बदलता है।
JSON निर्यात में क्या है?
स्थिर कुंजियाँ: baseHex, alpha, namedColor, harmony, harmonyCount जहाँ लागू हो, harmonySwatches, tintShadeStrip, stripCount और कंट्रास्ट अनुपात—टूलिंग या दस्तावेज़ीकरण के लिए उपयुक्त।
क्या मैं अपने रंग साझा कर सकता हूँ?
हाँ। URL hex, alpha, सामंजस्य मोड, गिनती और पट्टी आकार के साथ अपडेट होता है ताकि आप सटीक सेटअप बुकमार्क या साझा कर सकें।