ब्रांड कलर शेड्स जनरेटर

यह कैसे काम करता है

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

मेरे मूल रंग से सबसे ज़्यादा कौन-सा शेड मेल खाता है?

शेड 500 को आपके दर्ज किए रंग के जितना हो सके उतना क़रीब रखकर निकाला जाता है; इससे नीचे के शेड धीरे-धीरे सफ़ेद की ओर हल्के होते जाते हैं, और ऊपर के शेड धीरे-धीरे काले की ओर गहरे होते जाते हैं।

क्या मैं सिर्फ़ एक शेड कॉपी कर सकता हूँ या पूरा पैलेट?

किसी रंग-बिंदु पर क्लिक करके उसका HEX कोड अलग से कॉपी करें, या "पूरा पैलेट कॉपी करें" बटन से नंबर: #hex फ़ॉर्मेट में पूरी सूची पाएँ, जो CSS या Tailwind कॉन्फ़िगरेशन फ़ाइल में सीधे पेस्ट करने के लिए तैयार होती है।

शेड्स की गणना पूरी तरह आपके ब्राउज़र में होती है; आपके ब्रांड का रंग कभी किसी सर्वर को नहीं भेजा जाता।