कलर कोड कनवर्टर — मुफ़्त ऑनलाइन
HEX, RGB, HSL, HSV और CMYK के बीच रंगों को बदलें।
Who uses the कलर कोड कनवर्टर?
- फ़्रंटएंड डेवलपर जो डिज़ाइन टूल के HEX सैंपल को CSS वेरिएबल के लिए RGB या HSL में बदलते हैं।
- छात्र जो सीख रहे हैं कि HEX, RGB, और HSL एक ही रंग को अलग-अलग तरीके से कैसे दर्शाते हैं।
- डिज़ाइनर जो स्टाइल गाइड या स्क्रीनशॉट से कॉपी किए गए कलर वैल्यू की जांच करते हैं।
How the कलर कोड कनवर्टर works
अपने रंग के फ़ॉर्मैट के अनुसार टैब चुनें — HEX, RGB, या HSL।
वैल्यू दर्ज करें: #FF5733 जैसा HEX कोड, या संख्यात्मक R/G/B या H/S/L फ़ील्ड।
टाइप करते समय बाकी दोनों फ़ॉर्मैट और कलर स्वॉच अपने आप अपडेट होते हैं।
स्वॉच के नीचे रिज़ल्ट लाइन से HEX, RGB, और HSL वैल्यू पढ़ें।
Tips & tricks
- अपने इनपुट फ़ॉर्मैट के हिसाब से टैब बदलें — हर टैब के नीचे के फ़ील्ड स्वतंत्र हैं, कोई एक यूनिवर्सल इनपुट नहीं है।
- स्वॉच लाइव अपडेट होता है, जिससे आप कॉपी करने से पहले कन्वर्ट की गई वैल्यू को विज़ुअली जांच सकते हैं।
- किसी रंग की चमक या तीव्रता एडजस्ट करने के लिए HSL अक्सर आसान होता है — हल्का करने के लिए L बढ़ाएं, हल्का करने के लिए S घटाएं।
- कोई अल्फ़ा/ट्रांसपेरेंसी चैनल नहीं है — ट्रांसपेरेंसी वाले CSS के लिए, कन्वर्ट करने के बाद अल्फ़ा वैल्यू मैन्युअली जोड़ें (जैसे rgba(r, g, b, 0.5))।
Frequently Asked Questions
यह टूल कौन-से CSS कलर फ़ॉर्मैट सपोर्ट करता है?
यह टूल HEX (3 या 6 अंकों), RGB, और HSL के बीच कन्वर्ट करता है — तीन सबसे आम CSS कलर फ़ॉर्मैट। यह फ़िलहाल RGBA/HSLA अल्फ़ा चैनल, HSB/HSV, CMYK, या "coral" जैसे नामित CSS रंगों को सपोर्ट नहीं करता।
RGB और HSL में क्या अंतर है?
RGB किसी रंग को उसके लाल, हरे और नीले घटकों (प्रत्येक 0–255) से परिभाषित करता है। HSL इसे ह्यू (0-360°), सैचुरेशन (0-100%), और लाइटनेस (0-100%) से परिभाषित करता है — रंग एडजस्ट करने के लिए अक्सर ज़्यादा सहज, क्योंकि आप RGB दोबारा कैलकुलेट किए बिना उसे हल्का या कम सैचुरेटेड कर सकते हैं।
"coral" जैसे नामित CSS रंग को HEX में कैसे बदलें?
यह टूल नामित रंग नहीं खोजता — इसके बजाय सीधे उसकी HEX वैल्यू दर्ज करें (coral = #FF7F50)। किसी नामित रंग की HEX वैल्यू CSS Color Module स्पेसिफिकेशन या किसी भी ब्राउज़र के कलर पिकर में मिल सकती है।
HSB/HSV क्या है और क्या यह टूल इसे सपोर्ट करता है?
HSB (ह्यू, सैचुरेशन, ब्राइटनेस), जिसे HSV भी कहा जाता है, Photoshop और कई डिज़ाइन टूल में उपयोग होता है — यह HSL जैसा है लेकिन तीसरे चैनल को अलग तरह से परिभाषित करता है। यह टूल सिर्फ़ HEX/RGB/HSL कन्वर्ट करता है; अगर आपका सोर्स HSB है, तो पहले उसे अपने डिज़ाइन टूल में कन्वर्ट करें।
क्या मैं CSS कस्टम प्रॉपर्टीज़ (वेरिएबल) वाले रंग कन्वर्ट कर सकता हूँ?
वेरिएबल के नाम के बजाय असली रंग की वैल्यू दर्ज करें। पहले --my-color को उसकी वैल्यू में हल करें, फिर कन्वर्ट करें। यह टूल असली रंग वैल्यू के साथ काम करता है, CSS वेरिएबल रेफरेंस के साथ नहीं।
Is my data safe when using the कलर कोड कनवर्टर?
Completely safe. The कलर कोड कनवर्टर processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the कलर कोड कनवर्टर output in commercial projects?
Yes. The कलर कोड कनवर्टर is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the कलर कोड कनवर्टर follow official standards?
Yes. The कलर कोड कनवर्टर is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.