कलर कनवर्टर क्या है?
एक कलर कनवर्टर एक रंग मान को उन स्वरूपों में बदलता है जो वेब डिज़ाइन, CSS, डिज़ाइन सिस्टम और हैंडऑफ नोट्स में सामान्यतः उपयोग किए जाते हैं। एक ही ब्रांड रंग स्टाइल गाइड में HEX के रूप में, डिज़ाइन टोकन में RGB के रूप में, थीम एडिटर में HSL के रूप में और प्रिंट-उन्मुख नोट्स में CMYK के रूप में संग्रहित हो सकता है। यह टूल उन प्रदर्शनों को एक साथ रखता है ताकि आप सही संस्करण को बिना हाथ से पुनर्गणना किए कॉपी कर सकें।
कन्वर्टर जानबूझकर कॉम्पैक्ट है। यह प्रायोगिक sRGB वेब रंगों पर केंद्रित है: HEX, RGB, HSL, HSV, और एक साधारण CMYK अनुमान। यह पेशेवर कलर-मैनेजमेंट सॉफ़्टवेयर या ICC-profile वर्कफ़्लोज़ को बदलने की कोशिश नहीं करता।
सपोर्टेड कलर फॉर्मैट
| Format | Example | श्रेष्ठ उपयोग के लिए |
|---|---|---|
| HEX | #3366FF | CSS, डिज़ाइन टोकन, तेज़ विज़ुअल हैंडऑफ |
| RGB | rgb(51, 102, 255) | CSS मान, कैनवास कार्य, प्रोग्रामेटिक रंग चैनल |
| HSL | hsl(225, 100%, 60%) | रंगों को क्यू परावर्तन और प्रकाश-ता के अनुसार समायोजित करने के लिए HSL का उपयोग करें |
| HSV | hsv(225, 80%, 100%) | कलर पिकर स्टाइल वर्कफ़्लो और विज़ुअल ट्यूनिंग |
| CMYK | cmyk(80%, 60%, 0%, 0%) | छपाई के लिए अनुमानित नोट्स, अंतिम प्रेस कलर मैनेजमेंट नहीं |
महत्वपूर्ण सीमाएँ
- CMYK आउटपुट sRGB मानों से गणना किया जाता है और केवल एक अनुमान है।
- CSS नामित रंग, gradients, Lab, LCH, OKLCH, और Display-P3 इस कॉम्पैक्ट v1 दायरे के बाहर हैं।
- Alpha मान सामान्य HEX/RGB/HSL रूपों के लिए पार्स किए जा सकते हैं, लेकिन नेटिव स्वैच प्रिव्यू अपारदर्शी मूल रंग दिखाता है।
- विभिन्न डिज़ाइन टूल HSL, HSV, या CMYK मानों को थोड़ी भिन्नता से राउंड कर सकते हैं।
सामान्य वर्कफ़्लोज़
CSS सफाई
किसी स्टाइल गाइड से HEX रंग पेस्ट करें और किसी घटक स्थिति, चार्ट पैलेट, या थीम चर के लिए RGB या HSL कॉपी करें।
डिज़ाइन हैंडऑफ
जब डेवलपर, डिज़ाइनर, या कंटेंट एडिटर अलग टूलिंग का उपयोग करता है तो कई रंग संकेतों को एक साथ रखें।
टोकन समीक्षा
प्रकाश और संतृप्ति की अपेक्षित मानचित्रण के लिए यह जाँचें कि क्या कोई कलर टोकन सार्वजनिक UI में उपयोग करने से पहले अपेक्षित ह्यू और सैचुरेशन से मेल खाता है।
प्रिंट नोट्स
चर्चा के लिए अनुमानित CMYK मान उत्पन्न करें, जबकि अंतिम प्रिंट आउटपुट प्रोफ़ाइल-सक्षम टूल्स को छोड़ दें।
अक्सर पूछे जाने वाले प्रश्न
क्या CMYK आउटपुट सटीक है?
नहीं। CMYK मान sRGB से साधारण रूपांतरण है, जो मोटे नोट्स के लिए उपयोगी है। अंतिम प्रिंट कार्य कागज, स्याही, प्रेस सेटिंग्स और ICC प्रोफाइल पर निर्भर करता है।
क्या मैं CSS कलर फंक्शन्स पेस्ट कर सकता हूँ?
हां — सामान्य RGB, HSL, HSV, और CMYK-शैली फंक्शन सिंटैक्स के लिए। Lab, LCH, OKLCH, और Display-P3 जैसे नए रंग स्थान जानबूझकर इस कॉम्पैक्ट टूल के दायरे से बाहर हैं।
क्या टूल अल्फा पारदर्शिता का समर्थन करता है?
यह RGBA, HSLA, और आठ-अंकीय HEX जैसे सामान्य अल्फा रूपों को पार्स कर सकता है, लेकिन मुख्य स्वैच और कॉपी आउटपुट प्रायोगिक रूप से अपारदर्शी वेब रंगों पर केंद्रित है।
कभी-कभी मान किसी अन्य डिज़ाइन टूल से क्यों भिन्न होते हैं?
छोटे अंतर सामान्यतः राउंडिंग नियमों या कलर-मैनेजमेंट धारणाओं से आते हैं। वेब sRGB रंगों के लिए, ये अंतर सामान्यतः नगण्य होते हैं।
किस समय मुझे कंट्रास्ट चेकर उपयोग करना चाहिए?
जब आपको दो रंगों की पठनीयता की तुलना करने की आवश्यकता हो तो कंट्रास्ट चेकर का उपयोग करें। यह कनवर्टर केवल एक रंग को फॉर्मैट्स के बीच बदलता है।