डेवलपर टूल्स
कलर टूल्स

ऑनलाइन कलर कन्वर्टर | RGB, HEX, HSL, HSV, CMYK सिंक

RGB को HEX में बदलें या HSL, HSV, CMYK में कन्वर्ट करें—कोई भी फ़ॉर्मैट एडिट करें और बाकी सभी रंग मान तुरंत सिंक हो जाएँगे।

लाइव सिंकअपलोड की आवश्यकता नहीं

दृश्य पूर्वावलोकन

स्वैच, ब्राउज़र कलर पिकर और alpha slider का उपयोग करके एक ही रंग को सभी फ़ॉर्मेट में बारीकी से समायोजित करें।

प्रीव्यू रंग

#3B82F6

rgba(59, 130, 246, 0.84)

कलर पिकर

#3B82F6

अल्फा

0.84
01

लाइव चैनल

HEX
R
59
G
130
B
246
A
0.84

संपादन सुझाव

यदि टाइप करते समय कोई फ़ील्ड अस्थायी रूप से अमान्य हो जाए, तो आख़िरी वैध रंग सक्रिय रहता है। मान पूरा करते ही बाकी फ़ॉर्मेट फिर अपने-आप सिंक हो जाएँगे।

लाइव सिंकअपलोड की आवश्यकता नहीं

दो-तरफ़ा कलर फ़ॉर्मेट एडिटर

नीचे दिए गए सभी फ़ॉर्मेट संपादन योग्य हैं। HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK या CMYKA में बदलाव करते ही बाकी कलर मॉडल तुरंत सिंक हो जाते हैं।

HEX

स्रोत

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

व्याख्या

व्याख्या

RGB

RGB एक मानक रंग मॉडल है जो लाल (R), हरा (G) और नीला (B) चैनलों से बना होता है। इन तीनों चैनलों की तीव्रता बदलकर बहुत बड़ी रंग-सीमा बनाई जा सकती है, इसलिए यह डिजिटल स्क्रीन पर सबसे अधिक उपयोग किए जाने वाले रंग प्रणालियों में से एक है।

RGBA

RGBA, RGB का वह रूप है जिसमें transparency के लिए alpha चैनल होता है। R, G और B सामान्यतः 0 से 255 तक होते हैं, जबकि A आम तौर पर 0 से 1 या 0% से 100% तक होता है। CSS में opacity नियंत्रित करने के लिए इसका अक्सर उपयोग किया जाता है।

HEX

HEX रंगों को hexadecimal रूप में लिखने का तरीका है। यह वेब डिज़ाइन और CSS में बहुत लोकप्रिय है क्योंकि यह छोटा और कॉपी करने में आसान होता है। #2E8B57 जैसे मान में लाल, हरा और नीला hexadecimal जोड़ों के रूप में होते हैं, और विस्तारित HEX में alpha भी शामिल किया जा सकता है।

HSL

HSL (Hue, Saturation, Lightness) RGB रंगों को cylindrical coordinates में दर्शाने का तरीका है। H मूल रंग परिवार बताता है, S रंग की शुद्धता बताता है, और L चमक को नियंत्रित करता है; 0% सबसे गहरा, 50% संतुलित और 100% सबसे उजला होता है।

HSLA

HSLA, HSL का alpha वाला रूप है। यह hue, saturation और lightness को बरकरार रखते हुए transparency जोड़ता है, इसलिए shadows, overlays और semi-transparent UI रंगों के लिए उपयोगी है।

HSV

HSV (Hue, Saturation, Value) एक color space है जिसे A. R. Smith ने 1978 में बनाया था। इसे Hexcone Model भी कहा जाता है। Value सीधे रंग की perceived brightness दिखाता है, इसलिए यह intuitive color picking के लिए अच्छा माना जाता है।

HSVA

HSVA, HSV में alpha चैनल जोड़ता है। यह उन स्थितियों में उपयोगी है जहाँ आप hue, saturation, value मॉडल के साथ opacity भी बताना चाहते हैं।

CMYK

CMYK प्रिंटिंग में इस्तेमाल होने वाला रंग मोड है। छपी हुई सामग्री बाहरी रोशनी को परावर्तित करके दिखाई देती है, इसलिए यह अख़बार, पैकेजिंग और ब्रोशर जैसी चीज़ों के लिए उपयुक्त है। स्क्रीन वाले RGB से अलग, CMYK स्याही और कागज़ के लिए बनाया गया है।

CMYKA

CMYKA, CMYK का विस्तारित रूप है जिसमें अल्फा चैनल भी शामिल होता है। यह तब उपयोगी है जब आपको प्रिंट-शैली के cyan, magenta, yellow, key मानों के साथ transparency भी बतानी हो।

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

01

HEX, RGB, RGBA, HSL, HSV या CMYK जैसे किसी भी फ़ॉर्मेट फ़ील्ड में रंग मान पेस्ट करें या टाइप करें।

02

मान वैध होते ही टूल उसे अपने-आप बाकी सभी समर्थित रंग फ़ॉर्मेट में बदल देता है।

03

प्रीव्यू पैनल, कलर पिकर, alpha slider और कॉपी क्रियाओं का उपयोग करके अपनी ज़रूरत का सटीक रंग तैयार करें और एक्सपोर्ट करें।

मुख्य विशेषताएँ

दो-तरफ़ा फ़ॉर्मेट सिंक

किसी भी समर्थित फ़ॉर्मेट को बदलें और RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK और CMYKA को रियल टाइम में सिंक रखें।

दृश्य रंग नियंत्रण

लाइव swatch, ब्राउज़र कलर पिकर, alpha slider और चैनल रीडआउट के साथ वर्तमान रंग तुरंत देखें।

ब्राउज़र-आधारित कन्वर्ज़न

हर फ़ील्ड परिचित syntax स्वीकार करती है, और पूरा कन्वर्ज़न ब्राउज़र में ही होता है ताकि यह तेज़ और निजी रहे।

कलर कन्वर्टर FAQ

क्या मैं किसी भी रंग फ़ॉर्मेट को बदलकर बाकी सबको अपडेट कर सकता हूँ?

हाँ। यह कन्वर्टर दो-तरफ़ा सिंक को सपोर्ट करता है। आप RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK या CMYKA में से कुछ भी बदलें, मान वैध होते ही बाकी फ़ॉर्मेट अपडेट हो जाते हैं।

कन्वर्ज़न के दौरान transparency कैसे संभाली जाती है?

इस पेज पर HEX बिना alpha के दिखाया जाता है। Transparency RGBA, HSLA, HSVA और CMYKA में सुरक्षित रहती है, और preview हमेशा वर्तमान opacity दिखाता है।

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

नहीं। सभी कन्वर्ज़न आपके ब्राउज़र में लोकल रूप से चलते हैं, इसलिए आपके रंग मान सर्वर पर अपलोड नहीं होते।

RGB को HEX में और HEX को RGB में तुरंत बदलें—साथ ही HSL, HSLA, HSV, HSVA, CMYK और CMYKA भी। किसी एक फ़ील्ड में मान डालते ही बाकी सभी फ़ॉर्मेट दो-तरफ़ा सिंक के साथ अपने-आप अपडेट हो जाते हैं। RGB hex color code देखने के लिए कलर पिकर और alpha slider से रंग को बारीकी से सेट करें। पूरा कन्वर्ज़न आपके ब्राउज़र में ही होता है, इसलिए आपके रंग मान कभी किसी सर्वर पर अपलोड नहीं होते।

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

  1. 1

    रंग मान डालें

    किसी एक फ़ील्ड में मान टाइप या पेस्ट करें—जैसे HEX के लिए #2E8B57, RGB के लिए rgb(46, 139, 87), या HSL के लिए hsl(146, 50%, 36%)।

  2. 2

    हर फ़ॉर्मेट को सिंक होते देखें

    मान वैध होते ही टूल उसे एक साथ बाकी सभी समर्थित फ़ॉर्मेट—RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK और CMYKA—में बदल देता है।

  3. 3

    रंग को बारीकी से सेट करें

    लाइव स्वैच, कलर पिकर और alpha slider से hue और opacity समायोजित करें, या नए रंग खोजने के लिए रैंडम दबाएँ।

  4. 4

    कॉपी या एक्सपोर्ट करें

    किसी भी फ़ील्ड पर क्लिक करके उसका मान कॉपी करें, या अपने CSS, डिज़ाइन या कोड के लिए सभी फ़ॉर्मेट एक साथ लेने के लिए 'सभी कॉपी करें' का उपयोग करें।

संदर्भ

  • W3C — CSS Color Module Level 4

    W3C का आधिकारिक विनिर्देश जो hex, rgb(), hsl(), hwb() सहित CSS रंग फ़ॉर्मेट को परिभाषित करता है।

  • MDN — CSS <color> value

    MDN संदर्भ जो हर CSS रंग नोटेशन—HEX, RGB/RGBA, HSL/HSLA—और alpha transparency के काम करने का तरीका समझाता है।

संबंधित टूल

CSS Minifier

अपने बदले हुए HEX, RGB और HSL रंग मानों वाले CSS को छोटा (minify) करें।

SVG Viewer

fill और stroke रंगों पर आधारित SVG ग्राफ़िक्स को देखें और जाँचें।

Image to Base64

अपनी रंग शैलियों के साथ इनलाइन उपयोग के लिए छवियों को Base64 स्ट्रिंग में बदलें।

JSON Formatter

रंग पैलेट और डिज़ाइन टोकन रखने वाले JSON को सुंदर बनाएँ और जाँचें।

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

RGB को HEX में कैसे बदलें?
RGB फ़ील्ड में rgb(46, 139, 87) जैसा मान डालें और HEX फ़ील्ड तुरंत #2E8B57 दिखा देगा। आपको अलग से कोई बटन दबाने की ज़रूरत नहीं—सभी फ़ॉर्मेट हमेशा सिंक रहते हैं।
HEX को RGB में कैसे बदलें?
HEX फ़ील्ड में #2E8B57 जैसा कोड टाइप करें और RGB फ़ील्ड तुरंत rgb(46, 139, 87) दिखा देगा। कन्वर्ज़न दोनों दिशाओं में काम करता है, इसलिए HEX से RGB और RGB से HEX दोनों एक ही जगह हो जाते हैं।
काले रंग (black) का RGB और HEX कोड क्या होता है?
काले रंग का HEX कोड #000000 और RGB मान rgb(0, 0, 0) होता है। पिकर में काला चुनते ही या यह मान डालते ही बाकी सभी फ़ॉर्मेट अपने-आप दिख जाते हैं।
क्या इसमें कलर पिकर से सीधे hex code मिल सकता है?
हाँ। ब्राउज़र के कलर पिकर से कोई भी रंग चुनें और टूल तुरंत उसका HEX, RGB और बाकी सभी मान दिखा देता है, जिन्हें आप एक क्लिक में कॉपी कर सकते हैं।
कन्वर्ज़न के दौरान transparency कैसे संभाली जाती है?
HEX बिना alpha के दिखाया जाता है, जबकि transparency RGBA, HSLA, HSVA और CMYKA में सुरक्षित रहती है। preview हमेशा वर्तमान opacity दर्शाता है।
क्या यह कलर कन्वर्टर निजी और मुफ्त है?
हाँ। यह पूरी तरह मुफ्त है और सभी कन्वर्ज़न आपके ब्राउज़र में ही चलते हैं, इसलिए आपके रंग मान कभी किसी सर्वर पर अपलोड नहीं होते।