कलर शेड्स जनरेटर
एक रंग से टिंट्स और शेड्स की पूरी रेंज बनाएं: अपना डार्कन/लाइटन स्टेप और शेड काउंट चुनें, फिर कोई भी वैल्यू तुरंत कॉपी करें।
एक बेस कलर, स्टेप प्रतिशत और काउंट चुनें: हर टिंट और शेड आपके ब्राउज़र में तुरंत कम्प्यूट होता है।
कलर शेड्स जनरेटर के बारे में
कलर शेड्स जनरेटर एक अकेले रंग को टिंट और शेड की एक पूरी रेंज में विस्तारित करता है। इसे एक बेस कलर दें और यह एक तरफ क्रमिक रूप से हल्के टिंट और दूसरी तरफ क्रमिक रूप से गहरे शेड बनाता है: आधुनिक डिज़ाइन सिस्टम में इस्तेमाल होने वाला क्लासिक 50-से-900 स्टाइल रैंप।
दो नियंत्रण आउटपुट को आकार देते हैं: स्टेप प्रतिशत तय करता है कि हर शेड कितना हल्का या गहरा होगा (1–25% प्रति चरण), और काउंट तय करता है कि बेस के हर तरफ कितने टिंट और शेड दिखेंगे, अधिकतम दस तक। एक ग्रेडिएंट स्ट्रिप पूरे रैंप का एक झलक-भर प्रीव्यू देती है।
जनरेशन आपके टाइप करते ही ब्राउज़र में तुरंत होता है: कुछ भी सर्वर पर नहीं भेजा जाता। किसी एक मान, पूरी सूची, या पूरे रैंप को CSS वेरिएबल्स के रूप में कॉपी करें, डिज़ाइन-टोकन फ़ाइल या Tailwind-शैली कलर स्केल में डालने के लिए तैयार।
कलर शेड्स जनरेटर का उपयोग कैसे करें
- पिकर से एक बेस कलर चुनें या एक मान टाइप करें; प्रेरणा के लिए "Random color" पर क्लिक करें।
- यह नियंत्रित करने के लिए स्टेप प्रतिशत सेट करें कि हर शेड कितनी तीव्रता से हल्का या गहरा होता है।
- यह तय करने के लिए शेड काउंट चुनें कि हर तरफ कितने टिंट और शेड दिखें।
- किसी स्वैच पर क्लिक करके उसे कॉपी करें, या पूरे रैंप के लिए "Copy all" और "Copy CSS variables" का उपयोग करें।