कलर कोड कन्वर्टर
रंग दर्ज करें और HEX, RGB व HSL मान कॉपी करें।
#624DE3CC
इस टूल के बारे में
रंग कोड कनवर्टर टूल एक ही रंग को HEX, RGB और HSL फ़ॉर्मेट में एक साथ दिखाता है और इनके बीच आसानी से बदलता है। आप रंग को टाइप करके, प्रीसेट चुनकर या आईड्रॉपर का उपयोग करके चुन सकते हैं, साथ ही पारदर्शिता भी समायोजित कर सकते हैं। वेब डिज़ाइन, UI कार्य, CSS और इमेज एडिटिंग के लिए रंग को ज़रूरी कोड फ़ॉर्मेट में बदलने में यह बहुत उपयोगी है।
उपयोग कैसे करें
रंग चुनें
HEX, RGB या HSL फ़ील्ड में मान दर्ज करें, या कोई प्रीसेट रंग चुनें। सुविधा उपलब्ध होने पर आप आईड्रॉपर बटन से स्क्रीन पर दिख रहा रंग सीधे चुन सकते हैं।
पारदर्शिता समायोजित करें
पारदर्शिता स्लाइडर को घुमाकर रंग की अपारदर्शिता को नियंत्रित करें। यह सेटिंग ऊपर के प्रीव्यू और रंग कोड में दिखाई देती है।
परिणाम देखें और कॉपी करें
प्रीव्यू में रंग की जाँच करें, फिर HEX, RGB या HSL फ़ील्ड के बगल में दिए कॉपी बटन को दबाकर ज़रूरी मान क्लिपबोर्ड पर कॉपी करें।
विशेषताएँ
HEX, RGB और HSL एक साथ
एक फ़ॉर्मेट में रंग दर्ज करें और उसके HEX, RGB और HSL मान एक ही बार में देखें।
रीयल-टाइम प्रीव्यू और पारदर्शिता
रंग के मान या पारदर्शिता बदलते ही प्रीव्यू तुरंत अपडेट होता है, और स्लाइडर से आप अर्ध-पारदर्शी रंग भी बना सकते हैं।
आईड्रॉपर और प्रीसेट रंग
सपोर्टेड ब्राउज़र में आईड्रॉपर से स्क्रीन पर दिख रहा रंग चुनें, या आम इस्तेमाल होने वाले प्रीसेट रंग पर क्लिक करके उसे तुरंत लागू करें।
हर फ़ॉर्मेट अलग से कॉपी करें
HEX, RGB या HSL मान को अलग-अलग कॉपी करके CSS, डिज़ाइन टूल और दस्तावेज़ों में सीधे उपयोग करें।
सीधे मान दर्ज करें
अगर आप रंग कोड पहले से जानते हैं, तो उसे फ़ील्ड में टाइप करके रूपांतरण का परिणाम देखें।
ब्राउज़र में ही प्रोसेसिंग
आपके रंग के मान और रूपांतरण के परिणाम ब्राउज़र में ही रहते हैं — कुछ भी सर्वर पर नहीं भेजा जाता।
उपयोग के मामले
CSS रंग कोड कनवर्ट करना
डिज़ाइन मॉकअप का HEX रंग CSS स्टाइल में उपयोग के लिए RGB या HSL में बदलें।
डिज़ाइन टूल के बीच रंग स्थानांतरित करना
जब फ़ॉर्मेट अलग हों, तो एक ही रंग को हर प्रोग्राम की ज़रूरत के कोड फ़ॉर्मेट में बदलें।
अर्ध-पारदर्शी बैकग्राउंड बनाना
ओवरले, बैकग्राउंड, बटन और बॉर्डर के लिए पारदर्शिता समायोजित करके अर्ध-पारदर्शी रंग बनाएं।
स्क्रीन से रंग चुनना
आईड्रॉपर से वेबपेज, इमेज या ऐप स्क्रीन पर दिख रहे रंग को चुनकर उसे कोड के रूप में देखें।
ब्रांड रंग प्रबंधित करना
ब्रांड रंगों के HEX, RGB और HSL मान एक साथ रखें, ताकि वेब, प्रिंट और डिज़ाइन दस्तावेज़ों में लगातार उपयोग हो सकें।
सामान्य प्रश्न
HEX, RGB और HSL में क्या अंतर है?
HEX रंग को #8AD0FF जैसे हेक्साडेसिमल फ़ॉर्मेट में दर्शाता है। RGB लाल, हरे और नीले रंग की तीव्रता को संख्याओं में दिखाता है, जबकि HSL रंग को ह्यू, संतृप्ति और हल्केपन के आधार पर वर्णित करता है।
कौन सा फ़ॉर्मेट उपयोग करना चाहिए?
HEX सरल है और वेब तथा डिज़ाइन दस्तावेज़ों में व्यापक रूप से उपयोग होता है। RGB रंग के चैनलों को सीधे समायोजित करने के लिए सुविधाजनक है, और HSL ह्यू या हल्केपन को आसानी से बदलने के लिए उपयोगी है।
पारदर्शिता रंग कोड में कैसे दिखाई देती है?
पारदर्शिता वाला HEX मान सामान्य 6 अंकों के कोड के बाद अल्फ़ा मान जोड़कर 8 अंकों के कोड के रूप में दिखाया जाता है। उदाहरण के लिए, #8AD0FFCC में आखिरी दो अंक पारदर्शिता दर्शाते हैं।
6 अंकों और 8 अंकों के HEX में क्या अंतर है?
6 अंकों के HEX में केवल लाल, हरे और नीले रंग के मान होते हैं। 8 अंकों के HEX में अंत में अल्फ़ा मान जुड़ता है, जो पारदर्शिता दर्शाता है।
100% और 0% पारदर्शिता का क्या मतलब है?
100% का मतलब पूरी तरह अपारदर्शी और 0% का मतलब पूरी तरह पारदर्शी है। बीच के मान अर्ध-पारदर्शी रंग बनाते हैं जिनसे पीछे का बैकग्राउंड दिखाई देता है।
RGB मानों की रेंज क्या है?
RGB मान लाल, हरे और नीले रंग में से हर एक के लिए 0 से 255 तक होते हैं। मान जितना अधिक होगा, उस रंग का घटक उतना ही प्रबल होगा।
HSL मानों का क्या मतलब है?
H ह्यू है, जो आम तौर पर 0 से 359 डिग्री के बीच होता है। S संतृप्ति और L हल्कापन है, जिनमें से हर एक प्रतिशत में व्यक्त होता है।
क्या आईड्रॉपर हर ब्राउज़र में काम करता है?
सपोर्ट ब्राउज़र और वातावरण पर निर्भर करता है। सपोर्ट न होने पर रंग इनपुट या प्रीसेट रंगों का उपयोग करें।
क्या प्रीसेट चुनने के बाद रंग संपादित कर सकते हैं?
हाँ। प्रीसेट चुनने के बाद HEX, RGB या HSL मान या पारदर्शिता समायोजित करके रंग को ठीक कर सकते हैं।
कॉपी बटन कौन सा मान कॉपी करता है?
हर कॉपी बटन उस फ़ॉर्मेट का वर्तमान रंग मान कॉपी करता है। आप अपनी ज़रूरत के हिसाब से सिर्फ़ HEX, RGB या HSL मान कॉपी कर सकते हैं।
क्या दर्ज किया गया रंग सर्वर पर भेजा जाता है?
नहीं। सारी प्रोसेसिंग आपके ब्राउज़र में ही होती है। आपके रंग के मान और रूपांतरण के परिणाम कभी भी सर्वर पर नहीं भेजे जाते।