Palette Exporter
रंगों का एक सेट पेस्ट या इम्पोर्ट करें और उन्हें CSS वेरिएबल्स, SCSS, Tailwind कॉन्फिग, JSON या SVG स्वॉचेस में तुरंत एक्सपोर्ट करें — किसी भी पैलेट का अंतिम कदम।
HEX वैल्यू पेस्ट करें (प्रति लाइन एक, या कॉमा/स्पेस से अलग)। rgb() और hsl() भी स्वीकार हैं।
कोई वैलिड रंग नहीं मिला — अपना इनपुट जाँचें।
सब कुछ आपके ब्राउज़र में चलता है — एक पैलेट पेस्ट करें और किसी भी फॉर्मेट में प्रोडक्शन-रेडी कोड कॉपी करें। कोई साइन-अप नहीं, बिल्कुल फ्री।
Palette Exporter के बारे में
पैलेट एक्सपोर्टर किसी भी कलर पैलेट का अंतिम चरण है: रंगों का एक सेट पेस्ट करें और आपके प्रोजेक्ट को चाहिए वाले फ़ॉर्मेट में प्रोडक्शन-रेडी कोड पाएं। यह प्रति लाइन एक या कॉमा और स्पेस से अलग किए गए HEX मान स्वीकार करता है, और rgb() व hsl() नोटेशन को भी समझता है।
छह आउटपुट फ़ॉर्मेट लाइव जनरेट होते हैं: CSS कस्टम प्रॉपर्टीज़, SCSS वेरिएबल्स, एक Tailwind कॉन्फ़िग कलर ब्लॉक, JSON, SVG स्वैच और एक सादी HEX सूची। एक कॉन्फ़िगर करने योग्य वेरिएबल प्रीफ़िक्स जनरेट किए गए नामों को आपके कोडबेस के अनुरूप रखता है, और हर फ़ॉर्मेट को क्लिपबोर्ड पर कॉपी या फ़ाइल के रूप में डाउनलोड किया जा सकता है।
सब कुछ आपके ब्राउज़र में चलता है — जो रंग आप पेस्ट करते हैं वे कहीं नहीं भेजे जाते। यह अन्य पैलेट टूल्स के साथ स्वाभाविक रूप से जुड़ता है: कहीं और पैलेट निकालें या जनरेट करें, इसे यहां पेस्ट करें, और आपके स्टाइलशीट, फ्रेमवर्क या डिज़ाइन पाइपलाइन को चाहिए वाला ठीक स्निपेट पाएं।
Palette Exporter का उपयोग कैसे करें
- अपने रंगों को इनपुट में पेस्ट करें — HEX, rgb() या hsl(), प्रति लाइन एक या कॉमा से अलग।
- उन्हें पैलेट में पार्स करने के लिए "Update colors" पर क्लिक करें, या इसे आज़माने के लिए सैंपल लोड करें।
- एक एक्सपोर्ट फ़ॉर्मेट चुनें: CSS variables, SCSS, Tailwind config, JSON, SVG swatches या plain HEX।
- यदि आप कस्टम नामकरण चाहते हैं तो वेरिएबल प्रीफ़िक्स समायोजित करें।
- जनरेट किया गया कोड कॉपी करें या इसे फ़ाइल के रूप में डाउनलोड करें।