जनरेटर
कलर शेड्स जनरेटर
किसी भी बेस कलर से CSS, Tailwind, SCSS और JSON निर्यात के साथ 11 शेड्स और टिंट्स बनाएँ।
Loading…
कलर शेड्स जनरेटर के बारे में
कलर शेड्स जनरेटर किसी भी मूल रंग से शेड्स और टिंट्स का एक पूर्ण 11-चरणीय पैमाना बनाता है। शेड्स रंग को काले रंग के साथ मिलाकर बनाए जाते हैं (जिससे वह गहरा होता है), जबकि टिंट्स सफेद रंग के साथ मिलाकर बनाए जाते हैं (जिससे वह हल्का होता है)। परिणाम एक पेशेवर कलर स्केल होता है जो Tailwind CSS के अंतर्निहित कलर पैलेट के समान है।
उपयोग कैसे करें
इनपुट फ़ील्ड में कोई भी HEX कलर कोड दर्ज करें या कलर पिकर का उपयोग करें। यह टूल मूल रंग के साथ तुरंत 5 गहरे शेड्स और 5 हल्के टिंट्स उत्पन्न करता है। किसी भी स्वैच पर क्लिक करके उसका HEX मान कॉपी करें। पूर्ण स्केल को CSS variables, Tailwind config, SCSS variables, या JSON के रूप में डाउनलोड करने के लिए एक्सपोर्ट पैनल का उपयोग करें।
सामान्य उपयोग के मामले
- डिजाइन सिस्टम के लिए पूर्ण कलर पैलेट बनाना
- Tailwind CSS कस्टम कलर स्केल उत्पन्न करना
- पर्याप्त कंट्रास्ट के साथ सुलभ UI कलर सिस्टम बनाना
- ब्रांड रंगों के डार्क मोड वेरिएंट डिजाइन करना
- CSS या SCSS डिजाइन सिस्टम के लिए कलर टोकन एक्सपोर्ट करना