Morph का रंग चुनने वाला आपको किसी भी रंग को दृश्य रूप से चुनने और उसके कोड को तुरंत पढ़ने की अनुमति देता है, जिन फॉर्मेट्स का आप वास्तविक उपयोग करते हैं: HEX (`#3A7BD5`), RGB (`rgb(58, 123, 213)`), और HSL (`hsl(214, 64%, 53%)`). रंग क्षेत्र पर खींचें, ह्यू स्लाइडर से सूक्ष्म समायोजन करें, और मान को आपके CSS, डिज़ाइन फ़ाइल, या जहाँ भी आपको चाहिए, तुरंत कॉपी करें।
सभी तीन कोड एक ही रंग का वर्णन करते हैं — ये केवल लिखने के अलग तरीके हैं, और प्रत्येक का अपना काम है:
रंग को किसी भी तरह बदलें और सभी तीन कोड सिंक में रहेंगे, ताकि आप अपने प्रोजेक्ट की आवश्यकता के अनुसार कोई भी ले सकें।
डिज़ाइनर इसका उपयोग पैलेट निर्धारित करने और डिज़ाइन फ़ाइल या स्टाइल गाइड में सटीक मान कॉपी करने के लिए करते हैं। फ्रंट-एंड डेवलपर्स इसका उपयोग बटन के लिए HEX कॉपी करने या डिज़ाइनर के RGB को HSL में कन्वर्ट करने के लिए करते हैं, ताकि होवर स्टेट बनाया जा सके। किसी भी थीम, चार्ट कलर, या ईमेल टेम्प्लेट को समायोजित करने वाले इससे सटीक छाया प्राप्त कर सकते हैं और एक क्लिक में कॉपी कर सकते हैं। क्योंकि HSL HEX के साथ ही दिखाई देता है, आधार रंग के हल्के और गहरे वेरिएंट बनाना थोड़े हेक्स डिजिट्स को आँखों से देखकर निर्धारित करने से कहीं आसान है।
रंग चुनने वाला शुद्ध ब्राउज़र कोड है — रंग की गणित और इंटरफेस दोनों आपके डिवाइस पर चलते हैं। कोई अपलोड नहीं, कोई अकाउंट नहीं, और कुछ भी सर्वर को भेजा नहीं जाता। यह तेज़ लोड होता है और पेज खुलने के बाद ऑफ़लाइन भी काम करता रहता है, क्योंकि रंग चुनना और उसके कोड की गणना करने के लिए कभी नेटवर्क कनेक्शन की जरूरत नहीं होती।
जब आप HEX मान कॉपी करते हैं, तो यह CSS में बिना किसी बदलाव के पेस्ट करने के लिए तैयार होता है। यदि आप ट्रांसपेरेंसी वाले रंग की आवश्यकता है, तो RGB में कन्वर्ट करें और अपने कोड में एक एल्फा चैनल (`rgba(...)`) जोड़ें। एक संगत पैलेट बनाने के लिए, एक बेस रंग चुनें और HSL लाइटनेस मान का उपयोग करें, फिर लाइटनेस को ऊपर या नीचे धक्का देकर टिंट और शेड्स बनाएँ बिना ह्यू और संतृप्ति को बदले — इससे रंगों का सेट एक फैमिली की तरह महसूस होता है, न कि एक अनियमित संग्रह।
यह हर कलर के लिए HEX, RGB और HSL दिखाता है, सभी सिंक किए हुए, इसलिए आप अपने प्रोजेक्ट की जरूरत के अनुसार किसी भी फॉर्मेट को कॉपी कर सकते हैं।
HSL कलर को आसानी से समायोजित करता है — लाइटनेस बढ़ाकर टिंट, घटाकर शेड, या ह्यू बदलकर बिना हेक्स डिजिट्स के अनुमान लगाए।
अपना कलर चुनें, RGB मान कॉपी करें, और कोड में rgba(...) के रूप में alpha चैनल जोड़ें ताकि आप ट्रांसपेरेंसी लेवल सेट कर सकें।
नहीं। पिकर पूरी तरह आपके ब्राउज़र में चलता है। कोई अपलोड नहीं और कुछ भी सर्वर को भेजा नहीं जाता — यह लोड होने के बाद ऑफ़लाइन भी काम करता है।
एक मूल कलर चुनें और उसका HSL मान लें, फिर ह्यू और संतृप्ति तय रखते हुए लाइटनेस को ऊपर या नीचे ढकेलकर टिंट और शेड बनाएं — यह सुनिश्चित करता है कि रंगों का सेट एक परिवार की तरह लगे, न कि यादृच्छिक संग्रह।