रंग कोड रूपांतरक
कलर कोड कन्वर्टर एक मुफ्त ऑनलाइन उपकरण है जो वेब डेवलपमेंट और डिज़ाइन में उपयोग किए जाने वाले विभिन्न प्रारूपों के बीच रंग मानों को तुरंत परिवर्तित करता है। आप केवल एक क्लिक में HEX (#RRGGBB), RGB (rgb(r,g,b)), RGBA (rgba(r,g,b,a)), HSL (hsl(h,s%,l%), HSLA और CSS-नामित रंगों के बीच परिवर्तन कर सकते हैं। किसी भी प्रारूप में एक रंग दर्ज करें और सभी अन्य प्रतिनिधित्वों को तुरंत प्राप्त करें।यह उन डेवलपर्स के लिए आदर्श है जिन्हें CSS, JavaScript, डिज़ाइन टूल्स और इमेज एडिटर्स के बीच रंग मानों का अनुवाद करने की आवश्यकता होती है, साथ ही उन डिज़ाइनर्स के लिए भी जो कलर पिकर के आउटपुट को CSS-संगत प्रारूपों में परिवर्तित करना चाहते हैं।
क्या है
कलर कोड कन्वर्टर डिजिटल डिज़ाइन और वेब डेवलपमेंट में उपयोग किए जाने वाले विभिन्न प्रारूपों के बीच रंग मानों का अनुवाद करता है। विभिन्न उपकरण और संदर्भ विभिन्न रंग संकेतन प्रणालियों का उपयोग करते हैं, और यह कन्वर्टर इनके बीच का अंतराल पाटता है। समर्थित रंग प्रारूप: - हेक्साडेसिमल (#RRGGBB या #RRGGBBAA): सबसे सामान्य वेब रंग प्रारूप — लाल, हरे एवं नीले चैनलों को दर्शाने वाली छह-अंकीय हेक्साडेसिमल स्ट्रिंग। उदाहरण: #FF6347 (टमाटर) - RGB (rgb(255, 99, 71)): एक कार्यात्मक संकेतन जो 0 से 255 तक के लाल, हरे और नीले मानों को निर्दिष्ट करता है। - RGBA (rgba(255, 99, 71, 0.8)): अपारदर्शिता के लिए एक अल्फा चैनल (0.0–1.0) वाला RGB मान। - HSL (HSL (9, 100%, 64%)): रंग (0–360 डिग्री), संतृप्ति (0–100%), प्रकाशता (0–100%)। यह मनुष्यों के लिए रंगों को समझने और उनके बारे में निर्णय लेने में अधिक सहज है। - HSLA (hsla (9, 100%, 64%, 0.8)): अल्फा चैनल वाला HSL। - CSS नामित रंग: 'टमाटर', 'कॉर्नफ्लावरब्लू', 'रेबेका परपल' जैसे 148 मानक नाम। - HSVA, CMYK (डिज़ाइन-केंद्रित रूपांतरण) कई रंग प्रारूप क्यों मौजूद हैं: - HEX संक्षिप्त है एवं HTML/CSS में सर्वव्यापी रूप से समर्थित है। - आरजीबी स्क्रीनों द्वारा रंग उत्पन्न करने के तरीके (लाल + हरा + नीला प्रकाश) के अनुरूप है। - HSL सहज है: मूल रंग को बदले बिना ही चमक को समायोजित करें। - RGBA/HSLA पारदर्शिता नियंत्रण को जोड़ते हैं - डिज़ाइन टूल्स (फिगमा, स्केच) अक्सर कोड की आवश्यकताओं के मुकाबले अलग प्रारूपों का उपयोग करते हैं। रूपांतरण की सटीकता: सभी रूपांतरण CSS कलर मॉड्यूल लेवल 4 स्पेसिफिकेशन में दिए गए सटीक गणितीय सूत्रों का उपयोग करते हैं। HSL↔RGB↔HEX रूपांतरण 8-बिट रंग चैनलों के लिए नुकसानरहित होते हैं। अल्फा चैनल के मान पूरी तरह से संरक्षित रहते हैं।
कैसे उपयोग करें
- इनपुट फ़ील्ड में किसी भी समर्थित प्रारूप में अपना रंग मान दर्ज करें। आप हेक्स कोड (#FF6347), RGB मान (rgb(255,99,71)), HSL मान (hsl(9,100%,64%)) या यहाँ तक कि एक CSS-नामित रंग (जैसे tomato) भी टाइप कर सकते हैं।
- यह टूल आपके द्वारा दर्ज किए गए प्रारूप का स्वचालित रूप से पता लगाता है और अन्य सभी प्रस्तुतियों को वास्तविक समय में प्रदर्शित करता है। कन्वर्ट बटन पर क्लिक करने की कोई आवश्यकता नहीं है — जैसे ही आप टाइप करते हैं, अपडेट तुरंत हो जाते हैं।
- आउटपुट पैनलों में रूपांतरण के परिणाम देखें। प्रत्येक पैनल में प्रारूप का नाम, सिंटैक्स और स्वरूपित मान दिखाया गया है। किसी भी परिणाम पर क्लिक करके उसे तुरंत अपने क्लिपबोर्ड पर कॉपी करें।
- रंग चुनने वाले उपकरण (आईड्रॉपर आइकन) का उपयोग करके अपनी स्क्रीन से एक रंग दृश्य रूप से चुनें। चुना गया रंग तुरंत सभी समर्थित प्रारूपों में परिवर्तित हो जाता है।
- वास्तविक रंग की पुष्टि करने के लिए रंग पूर्वावलोकन स्वैच की जाँच करें। पूर्वावलोकन हल्की एवं गहरी दोनों पृष्ठभूमियों पर रंग को दिखाता है, जिससे आपको उसकी दृश्यता का आकलन करने में सहायता मिलती है।
- rgba/hsla रूपांतरणों के लिए, ऑपैक्सिटी में हुए परिवर्तनों का आउटपुट हेक्स कोड (8-अंकीय प्रारूप) और अन्य प्रस्तुतियों पर क्या प्रभाव पड़ता है, यह देखने के लिए अल्फा स्लाइडर को समायोजित करें।
उदाहरण
इनपुट: HEX: #FF5733
प्रक्रिया: FF=255, 57=87, 33=51
परिणाम: RGB(255, 87, 51) | HSL(11, 100%, 60%)
इनपुट: RGB(0, 128, 255)
प्रक्रिया: 0=00, 128=80, 255=FF | H=210, S=100%, L=50%
परिणाम: HEX: #0080FF | HSL(210, 100%, 50%)
संबंधित खोजें
लोग यह भी खोजते हैं: रंग कोड रूपांतरक, हेक्स से आरजीबी, RGB से HSL में, रंग परिवर्तक।
रंग कोड रूपांतरकहेक्स से आरजीबीRGB से HSL मेंरंग परिवर्तक
अक्सर पूछे जाने वाले प्रश्न
HEX और RGB प्रारूपों में क्या अंतर है?
HEX (#FF6347) और RGB (rgb(255, 99, 71)) एक ही रंग को दर्शाते हैं, लेकिन अलग-अलग संकेतन प्रणालियों का उपयोग करते हैं। HEX सभी तीन रंग चैनलों को एक ही 6-अंकीय हेक्साडेसिमल संख्या (बेस-16) में सम्मिलित करता है। RGB प्रत्येक चैनल को 0 से 255 तक की दशमलव संख्याओं के रूप में अलग-अलग व्यक्त करता है। HEX अधिक संक्षिप्त है और अधिकांश डिज़ाइन टूल्स तथा HTML में डिफ़ॉल्ट प्रारूप है। RGB/HSL कार्यात्मक संकेतन अधिक पठनीय है तथा जावास्क्रिप्ट में प्रोग्रामेटिक रूप से संचालित करने में आसान है (उदाहरण के लिए, HSL में चमक को समायोजित करना)।
क्या मुझे अपने CSS के लिए HSL या RGB का उपयोग करना चाहिए?
प्रोग्रामैटिक रंग संशोधन के लिए आमतौर पर HSL को पसंद किया जाता है क्योंकि यह अधिक सहज है। HSL में, आप रंग की चमक (लाइटनेस) के प्रतिशत को कम करके उसे गहरा कर सकते हैं, या रंग की छटा (ह्यू) बदलकर उसे बदल सकते हैं—बिना अन्य पहलुओं को प्रभावित किए। RGB में, एक गहरा रंग बनाने के लिए तीनों चैनलों को समानुपातिक रूप से कम करना पड़ता है, जिसे समझना कठिन होता है। हालाँकि, स्टाइलशीट्स में स्थिर रंग मानों के लिए HEX सबसे संक्षिप्त रूप है।
क्या मैं 8-अंकीय हेक्स कलर्स (अल्फा सहित) को अन्य प्रारूपों में परिवर्तित कर सकता हूँ?
हाँ। 8-अंकीय हेक्स कोड (#RRGGBBAA) में अल्फा चैनल शामिल होता है। उदाहरण के लिए, #FF634780 50% पारदर्शिता वाले टमाटर को दर्शाता है। यह टूल इन्हें rgba() संकेतन में परिवर्तित करता है। rgba() से हेक्स में परिवर्तन करते समय, यदि अल्फा 1.0 से कम है, तो आउटपुट 8-अंकीय हेक्स प्रारूप में होगा। आप अल्फा स्लाइडर का उपयोग वास्तविक समय में पारदर्शिता को समायोजित करने के लिए भी कर सकते हैं।
वेब उपयोग के लिए CMYK को RGB में कैसे परिवर्तित करूँ?
CMYK (सायन, मैजेंटा, पीला, की/काला) का उपयोग प्रिंट डिज़ाइन में किया जाता है। वेब/CSS के लिए CMYK को RGB में परिवर्तित करने हेतु CMYK इनपुट फील्ड (प्रत्येक चैनल के लिए मान 0–100) का उपयोग करें, और टूल समतुल्य RGB, HEX और HSL मान आउटपुट करता है। नोट: CMYK और RGB के अलग-अलग रंग गैमट होते हैं—कुछ प्रिंट रंगों का कोई सटीक स्क्रीन समकक्ष नहीं होता। यह परिवर्तन सबसे निकटतम RGB अनुमान प्रदान करता है।
क्या यह टूल LCH या LAB जैसे CSS4 रंग प्रारूपों का समर्थन करता है?
यह उपकरण सबसे अधिक उपयोग किए जाने वाले प्रारूपों (HEX, RGB, RGBA, HSL, HSLA, नामित रंग) का समर्थन करता है। CSS कलर मॉड्यूल लेवल 4 ने LCH, LAB और OKLCH को पेश किया, जो अधिक दृष्टिगत रूप से एकसमान रंग स्पेस प्रदान करते हैं। अधिकांश वेब विकास आवश्यकताओं के लिए HSL पर्याप्त दृष्टिगत एकरूपता प्रदान करता है। यदि आपको विशेष रूप से LCH/LAB रूपांतरण की आवश्यकता है, तो समर्पित रंग विज्ञान उपकरण अधिक उपयुक्त हो सकते हैं।