रंग कनवर्टर
लाइव पूर्वावलोकन के साथ HEX, RGB और HSL के बीच रंगों को रूपांतरित करें.
रंग कनवर्टर का उपयोग कैसे करें
- 01
एक रंग को HEX के रूप में दर्ज करें, उदाहरण के लिए #ff8800.
- 02
इसे तुरंत RGB और HSL में रूपांतरित देखें.
- 03
जिस भी फ़ॉर्मेट की आपको ज़रूरत हो उसे कॉपी करें.
यह क्या करता है
यह वेब और डिज़ाइन कार्य के लिए एक रंग कनवर्टर है जो आपके द्वारा सबसे अधिक उपयोग किए जाने वाले तीन प्रारूपों के बीच एक रंग का अनुवाद करता है: HEX, RGB और HSL, एक लाइव नमूने के साथ ताकि आप ठीक से देख सकें कि आप किसके साथ काम कर रहे हैं।
यह डिज़ाइन और कोड के बीच रोजमर्रा का गोंद है: किसी ब्रांड के रंग को मॉकअप से सीएसएस वेरिएबल से मिलान करना, डिज़ाइनर द्वारा आपको दिए गए मान को एक प्रारूप में परिवर्तित करना जिसे आपका फ्रेमवर्क चाहता है, या होवर स्थिति के लिए थोड़ा हल्का शेड ढूंढना।
सब कुछ आपके ब्राउज़र में चलता है, इसलिए यह तुरंत होता है और आपके द्वारा दर्ज किया गया कुछ भी कहीं नहीं भेजा जाता है।
प्रारूप कैसे भिन्न हैं
प्रत्येक प्रारूप एक ही रंग का अलग-अलग वर्णन करता है। HEX (जैसे #ff8800) CSS और HTML में उपयोग किया जाने वाला कॉम्पैक्ट फॉर्म है। आरजीबी सीधे लाल, हरे और नीले चैनलों को बताता है, इस प्रकार कैनवास जैसे स्क्रीन और कोड रंग के बारे में सोचते हैं। एचएसएल रंग, संतृप्ति और हल्केपन का वर्णन करता है, जो तब कहीं अधिक सहज होता है जब आप किसी रंग को मोड़ना चाहते हैं: इसे पहिया के चारों ओर स्थानांतरित करने के लिए रंग बदलें, या हाथ से नया कोड चुने बिना इसे गहरा बनाने के लिए हल्कापन बदलें।
रूपांतरण कैसे कार्य करता है
एक HEX मान दर्ज करें और RGB और HSL समकक्ष तुरंत अपडेट हो जाएं, ताकि आप अपनी अपेक्षा के अनुरूप टूल या कोडबेस के किसी भी प्रारूप को पकड़ सकें।
जो अभी तक कवर नहीं किया गया है
अभी के लिए उपकरण HEX, RGB और HSL में अपारदर्शी रंगों पर केंद्रित है; अल्फा (अपारदर्शिता) समर्थन अभी तक शामिल नहीं है।
अक्सर पूछे जाने वाले सवाल
कौन से फ़ॉर्मेट समर्थित हैं?
HEX (#rgb या #rrggbb), RGB और HSL. एक HEX मान दर्ज करें और बाकी लाइव अपडेट होते हैं.
क्या आप अल्फ़ा / पारदर्शिता का समर्थन करते हैं?
अभी नहीं. यह टूल अपारदर्शी HEX, RGB और HSL पर केंद्रित है. अल्फ़ा समर्थन बाद में जोड़ा जा सकता है.