कलर शेड व टिंट जनरेटर 🔒 आपके ब्राउज़र में स्थानीय रूप से चलता है — कुछ भी अपलोड नहीं होता।

इस टूल के बारे में

शेड्स और टिंट्स एक उपयोगी UI कलर सिस्टम की नींव हैं। अकेला एक ब्रांड रंग शायद ही काफी होता है: बैकग्राउंड, होवर स्टेट्स और हल्के फिल के लिए हल्के टिंट्स चाहिए, और टेक्स्ट, बॉर्डर तथा उन स्टेट्स के लिए गहरे शेड्स चाहिए जिन्हें हल्के बैकग्राउंड पर पठनीय बने रहना है। डिज़ाइन शब्दावली में "शेड" और "टिंट" के सटीक अर्थ हैं — शेड बेस रंग को काले के साथ मिलाता है, टिंट उसे सफ़ेद के साथ मिलाता है — यह "टोन" से अलग है, जो रंग को ग्रे के साथ मिलाता है और यह टूल टोन जनरेट नहीं करता।

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

अक्सर पूछे जाने वाले प्रश्न