कलर कनवर्टर
इसके RGB और HSL समकक्षों को अलग-अलग लाल, हरे और नीले चैनल मानों के साथ देखने के लिए एक hex कलर कोड दर्ज करें।
इस कलर कनवर्टर का उपयोग कैसे करें
- हेक्स कलर कोड दर्ज करें
हेक्स कलर कोड फ़ील्ड में 6-अंकों का हेक्स कोड टाइप करें (जैसे FF6B35 या 00FF88)। # चिन्ह न लगाएं।
- RGB मान देखें
रेड चैनल, ग्रीन चैनल और ब्लू चैनल के परिणाम प्रत्येक घटक के लिए 0–255 मान दिखाते हैं।
- HSL आउटपुट जांचें
ह्यू (0–360°), सैचुरेशन और लाइटनेस के लिए HSL परिणाम देखें — यह रंग समायोजन के लिए उपयोगी है।
यह रंग परिवर्तक कैसे काम करता है
यह टूल हेक्साडेसिमल कलर कोड को RGB (लाल, हरा, नीला) और HSL (ह्यू, सैचुरेशन, लाइटनेस) में बदलता है। प्रत्येक हेक्स जोड़ी 8-बिट चैनल मान (0–255) से मेल खाती है, और HSL रूपांतरण मानक कलर स्पेस गणित का उपयोग करता है।
R = hex[0:2] → दशमलव; G = hex[2:4] → दशमलव; B = hex[4:6] → दशमलव Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — शुद्ध काला।
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — शुद्ध सफेद। Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — मध्यम ग्रे।
- ✓ इनपुट एक मान्य 6-अंकों वाला हेक्स कलर कोड है।
- ✓ इस संस्करण में अल्फा चैनल समर्थित नहीं है।
- CMYK रूपांतरण के लिए कलर प्रोफाइल की आवश्यकता होती है और इसे यहाँ शामिल नहीं किया गया है।
कलर मॉडल को समझना
HEX, RGB और HSL एक ही रंग को दर्शाने के अलग-अलग तरीके हैं। HEX, RGB को 6-अंकों की हेक्साडेसिमल स्ट्रिंग के रूप में एनकोड करता है: वर्णों का प्रत्येक जोड़ा एक 8-बिट चैनल (0–255) होता है। RGB उन्हीं मानों को तीन संख्याओं के रूप में व्यक्त करता है, जो स्क्रीन द्वारा उत्सर्जित योगात्मक प्राथमिक रंग हैं। HSL (ह्यू, सैचुरेशन, लाइटनेस) एक बेलनाकार मॉडल है: ह्यू कलर व्हील पर कोण है (0° लाल, 120° हरा, 240° नीला), सैचुरेशन रंग की तीव्रता है, और लाइटनेस चमक है। प्रोग्रामेटिक रूप से रंगों को समायोजित करते समय डिज़ाइनर अक्सर HSL पसंद करते हैं — केवल लाइटनेस बदलने से ह्यू बदले बिना रंग गहरा या हल्का हो जाता है, और सैचुरेशन को बदलने से रंग की जीवंतता समायोजित होती है।
कलर कन्वर्जन के लिए डेवलपर उपयोग के मामले
डिज़ाइन सिस्टम बनाते समय, थीम लागू करते समय, कलर पैलेट जेनरेट करते समय और CSS को डीबग करते समय डेवलपर्स रंगों को कन्वर्ट करते हैं। डिज़ाइन टोकन अक्सर रंगों को हेक्स में स्टोर करते हैं; RGB या HSL में बदलने से रनटाइम गणनाएं संभव होती हैं जैसे ओपेसिटी ओवरले या एक्सेसिबल कंट्रास्ट चेक। थीम स्विचर को HSL का उपयोग करके बेस कलर से हल्के या गहरे वेरिएंट बनाने की आवश्यकता हो सकती है। ऑटोमेटेड एक्सेसिबिलिटी टूल ल्यूमिनेंस और कंट्रास्ट अनुपात की गणना करने के लिए रंगों को कन्वर्ट करते हैं। लेआउट या थीमिंग बग को डीबग करते समय, हेक्स मान को RGB या HSL के रूप में देखने से यह पहचानने में मदद मिलती है कि कौन सा चैनल गलत है। कलर कन्वर्जन का उपयोग डेटा विज़ुअलाइज़ेशन, चार्ट लाइब्रेरी और डायनेमिक UI थीमिंग में भी किया जाता है।
अक्सर पूछे जाने वाले प्रश्न
क्या मैं 3-अंकों वाला hex कोड दर्ज कर सकता हूँ?
वर्तमान में यह टूल 6-अंकों वाले कोड की अपेक्षा करता है। F60 जैसे 3-अंकों वाले शॉर्टहैंड के लिए, पहले इसे FF6600 में बदलें।
HSL क्या है?
HSL का अर्थ Hue, Saturation, Lightness है। यह रंगों को दर्शाने का एक वैकल्पिक तरीका है जिसे कुछ डिज़ाइनर RGB की तुलना में अधिक सहज पाते हैं।