CSS वेरिएबल्स
CSS कस्टम प्रॉपर्टीज के रूप में रंग निर्यात करें। CSS वेरिएबल्स को मुफ्त ऑनलाइन उपयोग करें, बिना साइनअप, तेज परिणाम और सुरक्षित ब्राउज़र-आधारित प्रोसेसिंग के साथ।
:root {
--primary: #6366f1;
--secondary: #ec4899;
--accent: #f59e0b;
--background: #ffffff;
--foreground: #1f2937;
}CSS वेरिएबल्स आपको ब्राउज़र में सीधे रंगों के साथ काम करने में मदद करता है।
यह टूल डिजाइनरों, डेवलपरों और क्रिएटरों के लिए बनाया गया है जिन्हें तेज और भरोसेमंद परिणाम चाहिए।
Supported formats
How it works
Step 1
CSS वेरिएबल्स खोलें
Step 2
रंग दर्ज या आयात करें
Step 3
परिणाम कॉपी, निर्यात या फिर से उपयोग करें
बचने के लिए सामान्य गलतियाँ
- कॉन्ट्रास्ट जांचना भूलने से पठनीयता प्रभावित हो सकती है।
- बहुत अधिक रंगों से पैलेट लागू करना कठिन हो सकता है।
प्रो टिप्स
- मुख्य रंगों को CSS variables के रूप में रखें।
- प्रकाशित करने से पहले पैलेट को light और dark mode में जांचें।
Privacy guaranteed: everything is processed locally in your browser.
जहाँ संभव हो, प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। किसी खाते की आवश्यकता नहीं है।
रंग परियोजनाओं के लिए CSS वेरिएबल्स
CSS कस्टम प्रॉपर्टीज के रूप में रंग निर्यात करें।
बिना सटीकता खोए CSS वेरिएबल्स
रूपांतरण सटीक मानों (HEX, RGB, HSL, OKLCH) पर चलते हैं। कोई दृश्य सन्निकटन नहीं — आपको आपके डिज़ाइन के अनुरूप रंग मिलता है।
CSS वेरिएबल्स मुफ़्त ऑनलाइन
कोई पंजीकरण नहीं, कोई सॉफ़्टवेयर डाउनलोड नहीं। CSS वेरिएबल्स 100% मुफ़्त है और किसी भी ब्राउज़र में काम करता है। मुफ्त योजना में प्रतिदिन 10 उपयोग शामिल हैं।
CSS वेरिएबल्स तेज़ और सुरक्षित
प्रसंस्करण आपके ब्राउज़र में सीधे होता है—अधिकतम गति के लिए। कोई डेटा हमारे सर्वर पर नहीं भेजा जाता; आपके रंग निजी रहते हैं।
साझा करने और सहयोग के लिए CSS वेरिएबल्स
परिणामों को HEX, RGB, HSL, CSS, JSON के रूप में निर्यात करें या एक क्लिक में कॉपी करें। टीम के साथ रंग गाइड साझा करने के लिए आदर्श।
हमारे सभी कलर टूल देखें
कुछ ही क्लिक में रंग निकालें, बदलें, पैलेट, ग्रेडिएंट और WCAG कंट्रास्ट बनाएं।
Related tools
गाइड और ट्यूटोरियल
हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।
css-variables: developer की व्यावहारिक गाइड
css-variables उपयोग करने, developer की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
css-variables: developer की व्यावहारिक गाइड
css-variables उपयोग करने, developer की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
css-variables: developer की व्यावहारिक गाइड
css-variables उपयोग करने, developer की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।