CSS वेरिएबल जनरेटर

यह कैसे काम करता है

CSS वेरिएबल (जिन्हें "custom properties" भी कहा जाता है) किसी डिज़ाइन सिस्टम के रंगों को एक ही जगह रखते हैं, जिससे वही हेक्साडेसिमल कोड दर्जनों फ़ाइलों में दोहराना नहीं पड़ता और आगे थीम बदलना (डार्क मोड समेत) आसान हो जाता है। पंक्तियाँ जोड़ें या हटाएँ, हर रंग बदलें, और :root ब्लॉक रीयल टाइम में अपडेट होता है, जो आपकी मुख्य स्टाइलशीट के शीर्ष पर पेस्ट करने के लिए तैयार रहता है।

क्या अमान्य वेरिएबल नाम अपने आप ठीक हो जाते हैं?

हाँ: स्पेस और अनुमत न किए गए अक्षर हाइफ़न से बदल दिए जाते हैं, और नाम को सामान्य CSS परिपाटी के अनुसार लोअरकेस में कर दिया जाता है। अगर दो वेरिएबल का नाम एक जैसा हो जाए, तो टकराव से बचने के लिए अपने आप एक संख्यात्मक प्रत्यय जोड़ दिया जाता है।

क्या मान के रूप में रंगों के अलावा कुछ और इस्तेमाल हो सकता है?

हाँ, "मान" फ़ील्ड कोई भी मान्य CSS मान स्वीकार करती है (rem में आकार, फ़ॉन्ट, ग्रेडिएंट...), हालाँकि बगल का कलर पिकर पैलेट जल्दी बनाने के लिए सुविधाजनक रहता है।

गोपनीयता: आप जो पैलेट बनाते हैं वह पूरी तरह आपके ब्राउज़र में रहता है, किसी सर्वर पर न भेजा जाता है, न रखा जाता है।