कलर कन्वर्टर

कलर कन्वर्टर क्या है?

Color Converter डेवलपर्स और डिज़ाइनरों के लिए एक मुफ़्त ऑनलाइन HEX से RGB से HSL कलर कन्वर्टर है। किसी भी नोटेशन में रंग टाइप करें — HEX (#rrggbb या संक्षिप्त #rgb रूप), RGB (जैसे "255, 100, 0" या "rgb(255 100 0)"), या HSL (जैसे "220, 91%, 64%") — और हर दूसरा फ़ॉर्मैट एक बड़े लाइव प्रीव्यू स्वैच के बगल में तुरंत अपडेट हो जाता है। एक नेटिव कलर पिकर आपको रंग की छटा दृश्य रूप से चुनने देता है, और हर मान के लिए एक-क्लिक कॉपी बटन है, इसलिए जब भी आपको ब्रांड रंग मिलाने हों या कोड और डिज़ाइन टूल के बीच CSS रंग मान बदलने हों, यह काम आता है।

कलर कन्वर्टर का उपयोग कैसे करें

1. HEX, RGB या HSL फ़ील्ड में कोई रंग टाइप करें या पेस्ट करें, या रंग की छटा दृश्य रूप से चुनने के लिए कलर पिकर स्वैच पर क्लिक करें।
2. देखें कि बाकी दोनों फ़ील्ड और बड़ा प्रीव्यू स्वैच उसी रंग को दर्शाने के लिए तुरंत अपडेट हो जाते हैं।
3. बदले गए प्रत्येक चैनल के मान देखने के लिए नीचे दिए R / G / B, H / S / L और HEX सारांश टाइल पढ़ें।
4. किसी फ़ील्ड का मान कॉपी करने के लिए उसके बगल वाले कॉपी बटन पर क्लिक करें: HEX, #rrggbb स्ट्रिंग कॉपी करता है, जबकि RGB और HSL उपयोग के लिए तैयार rgb(...) और hsl(...) स्ट्रिंग कॉपी करते हैं।
5. यदि कोई मान अस्वीकृत हो जाए, तो इनलाइन त्रुटि देखें और उसे फ़ील्ड संकेत में दिखाए गए फ़ॉर्मैट में फिर से दर्ज करें।

उदाहरण

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

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

यह कन्वर्टर कौन-कौन से रंग फ़ॉर्मैट सपोर्ट करता है?

यह तीन फ़ॉर्मैट के बीच बदलता है: HEX (पूर्ण #rrggbb और संक्षिप्त #rgb रूप), RGB (प्रति चैनल 0-255), और HSL (ह्यू डिग्री में, सैचुरेशन और लाइटनेस प्रतिशत में)। यह फ़िलहाल अल्फा/ओपैसिटी, HSV, CMYK या नामित CSS रंगों को सपोर्ट नहीं करता।

मेरे रंग पर "Invalid HEX color", "Invalid RGB color" या "Invalid HSL color" त्रुटि क्यों दिखती है?

मान अपेक्षित फ़ॉर्मैट से मेल नहीं खाता या सीमा से बाहर है। HEX 3 या 6 हेक्स अंकों का होना चाहिए, RGB चैनल 0-255 के बीच होने चाहिए, और HSL सैचुरेशन तथा लाइटनेस 0-100% के बीच होनी चाहिए। उस फ़ील्ड के नीचे दिए संकेत के अनुसार इसे फिर से दर्ज करें।

क्या मैं rgb(255 100 0) जैसा पूरा CSS मान पेस्ट कर सकता हूँ?

हाँ। RGB और HSL फ़ील्ड केवल टेक्स्ट में से संख्याएँ निकालते हैं, इसलिए "255, 100, 0" और "rgb(255 100 0)" दोनों काम करते हैं, और कॉपी बटन उपयोग के लिए तैयार rgb(...) तथा hsl(...) स्ट्रिंग देते हैं।

क्या बदले गए मान राउंड किए जाते हैं?

हाँ। RGB चैनल और HSL मान पूर्णांकों में राउंड किए जाते हैं, इसलिए आगे-पीछे रूपांतरण मूल से एक इकाई भिन्न हो सकता है। HEX आउटपुट हमेशा प्रति चैनल दो अंकों का होता है (#rrggbb)।

क्या मेरा रंग डेटा कहीं अपलोड होता है?

नहीं। पूरा रूपांतरण आपके ब्राउज़र में JavaScript के साथ स्थानीय रूप से चलता है — कुछ भी सर्वर पर नहीं भेजा जाता और कोई रंग मान अपलोड नहीं होता, इसलिए यह निजी तौर पर और पेज लोड होने के बाद ऑफ़लाइन भी काम करता है।