कलर शेड्स जेनरेटर — मुफ़्त ऑनलाइन
किसी भी बेस कलर से टिंट्स और शेड्स जेनरेट करें।
Who uses the कलर शेड्स जेनरेटर?
- डिज़ाइन सिस्टम और कंपोनेंट लाइब्रेरी के लिए ब्रांड कलर पैलेट बनाने वाले फ्रंट-एंड डेवलपर।
- होवर/एक्टिव स्टेट के लिए ब्रांड रंगों के हल्के या गहरे रूप चुनने वाले डिज़ाइनर।
- विज़ुअली सुसंगत इंटरफेस के लिए एकीकृत कलर स्केल बनाने वाले UI डिज़ाइनर।
How the कलर शेड्स जेनरेटर works
एक बेस HEX रंग दर्ज करें, या कलर पिकर के माध्यम से चुनें।
टूल आपके बेस रंग से 9 हल्के टिंट और 9 गहरे शेड जनरेट करता है, जो hex स्वैच के रूप में प्रदर्शित होते हैं।
किसी भी स्वैच पर क्लिक करके उसका hex कोड क्लिपबोर्ड पर कॉपी करें।
बेस रंग स्वयं टिंट और शेड की पंक्तियों के बीच अलग से प्रदर्शित होता है।
Tips & tricks
- किसी भी स्वैच पर क्लिक करें — केवल बेस रंग पर नहीं — उस विशिष्ट hex कोड को कॉपी करने के लिए; एक छोटा "Copied!" संकेतक पुष्टि के लिए दिखाई देता है।
- कोई "सभी एक्सपोर्ट करें" बटन नहीं है, इसलिए यदि आपको पूर्ण CSS वेरिएबल या Tailwind कॉन्फिग कोड ब्लॉक चाहिए, तो आपको जिस स्वैच की आवश्यकता है उसे व्यक्तिगत रूप से कॉपी करें।
- चूंकि मिश्रण सरल RGB है, संतृप्त रंगों के बहुत हल्के टिंट परसेप्चुअली कैलिब्रेटेड पैलेट टूल की तुलना में थोड़े धूसर दिख सकते हैं।
- कलर पिकर के स्वैच ग्रिड पर निर्भर रहने के बजाय, सटीक रंग पाने के लिए टेक्स्ट बॉक्स में सीधे hex कोड टाइप करें।
Frequently Asked Questions
यह टूल कितने रंग जनरेट करता है?
कुल 19: 9 टिंट (हल्के, सफेद के साथ मिश्रित), आपका बेस रंग, और 9 शेड (गहरे, काले के साथ मिश्रित)। स्वैच पर उनके संबंधित hex कोड लेबल होते हैं, नंबर वाले स्तर नहीं।
क्या यह टूल Tailwind की 50–950 नामकरण परंपरा का उपयोग करता है?
नहीं — स्वैच सामान्य hex कोड के रूप में दिखाए जाते हैं, Tailwind के नंबर वाले स्तर लेबल (50, 100, 200… 950) के बिना। यदि आवश्यक हो तो आप जनरेट किए गए hex मानों को खुद Tailwind नामकरण से मैप कर सकते हैं।
शेड और टिंट में क्या अंतर है?
टिंट सफेद के साथ मिश्रित रंग है (हल्का)। शेड काले के साथ मिश्रित रंग है (गहरा)। यह टूल आपके बेस रंग से दोनों दिशाएं जनरेट करता है।
यह टूल कौन-सी रंग मिश्रण विधि उपयोग करता है?
सफेद (टिंट) या काले (शेड) की ओर एक सरल रैखिक RGB मिश्रण। यह OKLCH जैसे परसेप्चुअली यूनिफॉर्म कलर स्पेस का उपयोग नहीं करता, इसलिए बहुत संतृप्त रंग हल्के/गहरे करते समय न्यूट्रल रंगों की तुलना में थोड़ा असमान दिख सकते हैं — मिश्रण विधि बदलने का कोई विकल्प नहीं है।
क्या मैं पैलेट को CSS वेरिएबल या Tailwind कॉन्फिग फ़ाइल के रूप में एक्सपोर्ट कर सकता हूं?
कोई स्वचालित एक्सपोर्ट नहीं है — कोई बल्क एक्सपोर्ट बटन नहीं है। आपको जिस भी स्वैच की आवश्यकता है उस पर क्लिक करें और फिर उसके hex कोड को अपने CSS वेरिएबल या Tailwind कॉन्फिग में मैन्युअली पेस्ट करें।
Is my data safe when using the कलर शेड्स जेनरेटर?
Completely safe. The कलर शेड्स जेनरेटर processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the कलर शेड्स जेनरेटर output in commercial projects?
Yes. The कलर शेड्स जेनरेटर is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the कलर शेड्स जेनरेटर follow official standards?
Yes. The कलर शेड्स जेनरेटर is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.