HEX, RGB, और HSL के बीच कलर कैसे बदलें
त्वरित जवाब
कलर बदलने के लिए: Color Converter खोलें, किसी भी फॉर्मेट (HEX, RGB, HSL) में कलर दर्ज करें और टूल तुरंत सभी फॉर्मेट में समतुल्य दिखाता है। सारा रूपांतरण ब्राउज़र में स्थानीय होता है —कोई डेटा अपलोड नहीं।
परिचय
कलर कई फॉर्मेट में दर्शाए जा सकते हैं: HEX (#ff6600), RGB (rgb(255, 102, 0)), HSL (hsl(24, 100%, 50%))। अलग-अलग टूल और संदर्भ अलग-अलग फॉर्मेट उपयोग करते हैं —CSS अक्सर HEX या RGB, design टूल HSL, API कोई भी। फॉर्मेट के बीच बदलने से एक सिस्टम के कलर को दूसरे संदर्भ में उपयोग कर सकते हैं।
क्रमशः
-
कलर कन्वर्टर टूल खोलें
कलर कन्वर्टर टूल पेज पर जाएँ। उपकरण HEX, RGB, HSL, HSV, और CMYK प्रारूपों का समर्थन करता है।
-
अपना रंग दर्ज करें
किसी भी समर्थित प्रारूप में रंग मान टाइप या पेस्ट करें। उदाहरण: '#ff6600', 'rgb(255, 102, 0)', 'hsl(24, 100%, 50%)'। उपकरण इनपुट प्रारूप का स्वतः पता लगाता है।
-
सभी प्रारूप समकक्षों की समीक्षा करें
टूल सभी प्रारूपों में एक साथ रंग प्रदर्शित करता है: HEX, RGB, HSL, HSV, और CMYK। यह एक रंग पूर्वावलोकन नमूना भी दिखाता है ताकि आप सत्यापित कर सकें कि रूपांतरण सही है।
-
आपको जिस प्रारूप की आवश्यकता है उसे कॉपी करें
उस मान को अपने क्लिपबोर्ड पर कॉपी करने के लिए किसी भी प्रारूप के आगे कॉपी बटन पर क्लिक करें। इसे अपने CSS, डिज़ाइन टूल या एप्लिकेशन में उपयोग करें।
-
रंग समायोजित करें (वैकल्पिक)
कुछ उपकरण आपको स्लाइडर्स के साथ रंग समायोजित करने देते हैं (HSL के लिए: रंग, संतृप्ति, हल्कापन) और वास्तविक समय में सभी प्रारूप अपडेट होते देखते हैं। यह संबंधित रंगों या रंगों को ढूंढने के लिए उपयोगी है।
उदाहरण
HEX से RGB और HSL
इनपुट: #ff6600
उत्पादन: RGB: आरजीबी(255, 102, 0)
HSL: एचएसएल(24, 100%, 50%)
RGB से HEX
इनपुट: आरजीबी(0, 128, 255)
उत्पादन: __रखें_35__: #0080ff
HSL: एचएसएल(210, 100%, 50%)
HSL से HEX
इनपुट: एचएसएल(120, 100%, 50%)
उत्पादन: __रखें_35__: #00ff00
RGB: आरजीबी(0, 255, 0)
सामान्य समस्या
- HEX # के साथ बनाम बिना #—कुछ उपकरणों के लिए # उपसर्ग की आवश्यकता होती है, अन्य के लिए नहीं। हमारा कनवर्टर दोनों को स्वीकार करता है।
- 3-अंकीय बनाम 6-अंकीय HEX —#f60 #ff6600 के लिए आशुलिपि है। दोनों मान्य हैं; कनवर्टर 6 अंकों पर सामान्यीकृत हो जाता है।
- HSL रंग सीमा—रंग 0-360 डिग्री (एक वृत्त) है। 0 और 360 दोनों लाल हैं। 360 से ऊपर के मान चारों ओर लपेटे जाते हैं।
- रंग स्थान अंतर -HEX, RGB, और HSL सभी sRGB हैं। सीएमवाईके एक अलग रंग का स्थान (प्रिंट) है और रूपांतरण अनुमानित है।
सुझावों
- रंग भिन्नताएं बनाने के लिए HSL का उपयोग करें - रंग, संतृप्ति, या हल्केपन को समायोजित करना RGB की तुलना में अधिक सहज है।
- CSS के लिए HEX का उपयोग करें—यह स्टाइलशीट में सबसे कॉम्पैक्ट और व्यापक रूप से समर्थित प्रारूप है।
- जब आपको 50% अपारदर्शिता के लिए अल्फा पारदर्शिता -आरजीबी (255, 102, 0, 0.5) सेट करने की आवश्यकता हो तो RGB का उपयोग करें (या 8-अंकीय HEX: #ff660080) का उपयोग करें।
- सभी रंग प्रारूपों के बीच त्वरित, निजी रूपांतरण के लिए हमारे रंग कनवर्टर का उपयोग करें।