कलर शेड्स और टिंट्स जनरेटर

किसी भी बेस कलर से शेड्स और टिंट्स बनाएं

एक हेक्स कलर दर्ज करें और चुनें कि आप कितने स्टेप्स चाहते हैं। यह टूल दो स्केल बनाता है: शेड्स बेस कलर को काले की ओर मिलाते हैं, और टिंट्स उसे सफेद की ओर मिलाते हैं। किसी भी स्वॉच पर क्लिक करके उसका हेक्स मान कॉपी करें। स्केल समान रूप से वितरित हैं, जिससे डिज़ाइन सिस्टम, CSS कस्टम प्रॉपर्टीज़ या Tailwind पैलेट परिभाषाओं के लिए उपयुक्त एक चिकनी, अनुमानित रैंप बनती है।

प्रत्येक स्वॉच होवर पर अपना हेक्स मान दिखाता है। बेस कलर दोनों स्केल के बीच दिखाई देता है ताकि आप एक नज़र में पूरी रेंज देख सकें। सब कुछ क्लाइंट-साइड पर गणना होता है — कुछ भी अपलोड नहीं होता।

सामान्य प्रश्न

शेड और टिंट में क्या अंतर है? शेड रंग को काले के साथ मिलाता है (गहरा), जबकि टिंट उसे सफेद के साथ मिलाता है (हल्का)। साथ मिलकर वे एक पूर्ण चमक स्केल बनाते हैं।

क्या मैं Tailwind में आउटपुट का उपयोग कर सकता हूं? हां। टिंट्स को हल्की कुंजियों और शेड्स को गहरी कुंजियों में असाइन करके हेक्स मानों को Tailwind कलर कुंजियों (50 से 950) में मैप करें।