कौन से रंग साथ में अच्छे लगेंगे यह अंदाज़ा लगाने में डिज़ाइन का समय बर्बाद होता है। यह जनरेटर क्लासिक कलर-व्हील हार्मनी का इस्तेमाल करता है, यानी वही ह्यू रिलेशनशिप जो कलर थ्योरी में सिखाई जाती है, इसलिए हर पैलेट गणितीय रूप से मेल खाता है, अंदाज़े से नहीं बनता। कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें, या पूरे पैलेट को CSS कस्टम प्रॉपर्टी के तौर पर एक साथ कॉपी करें। यह पूरी तरह क्लाइंट-साइड है, कोई अकाउंट नहीं, कोई अपलोड नहीं, और आपके ब्रांड कलर्स की कोई ट्रैकिंग नहीं।
मुफ्त कलर पैलेट जनरेटर
पूरी तरह आपके ब्राउज़र में चलता है - न कुछ अपलोड, न साइन-अप।
कलर पैलेट जनरेटर क्या है?
कलर पैलेट जनरेटर कलर-व्हील थ्योरी का इस्तेमाल करके एक बेस कलर से मेल खाती कलर स्कीम बनाता है। कोई हेक्स कलर चुनें या टाइप करें, फिर कॉम्प्लीमेंट्री, एनालॉगस, ट्रायडिक या मोनोक्रोमैटिक जैसी हार्मनी चुनें, और यह तुरंत मेल खाते रंग निकाल देता है, हर रंग के साथ कॉपी करने लायक हेक्स कोड। सबकुछ आपके ब्राउज़र में ही चलता है।
कैसे इस्तेमाल करें
- 1अपना बेस कलर सेट करें. देखकर चुनने के लिए कलर वेल पर क्लिक करें, #6366f1 जैसा हेक्स कोड टाइप करें, या नई शुरुआत के लिए रैंडम दबाएं।
- 2एक हार्मनी चुनें. कॉम्प्लीमेंट्री, स्प्लिट-कॉम्प्लीमेंट्री, एनालॉगस, ट्रायडिक, टेट्राडिक, मोनोक्रोमैटिक, शेड्स और टिंट्स के बीच स्विच करें। पैलेट तुरंत फिर से कैलकुलेट हो जाता है।
- 3रंग कॉपी करें. उस हेक्स कोड को कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें, या पूरे पैलेट को CSS वेरिएबल के तौर पर लेने के लिए कॉपी बटन इस्तेमाल करें।
किसके लिए है
- वेब डिज़ाइनर जो एक ही ब्रांड कलर से साइट शुरू कर रहे हैं: बैकग्राउंड, बटन और एक्सेंट के लिए एनालॉगस या स्प्लिट-कॉम्प्लीमेंट्री रंग जनरेट करें।
- फ्रंट-एंड डेवलपर जिन्हें डिज़ाइन-टोकन का स्टार्टिंग पॉइंट चाहिए: पैलेट को CSS वेरिएबल के तौर पर कॉपी करके सीधे स्टाइलशीट में डालें।
- मार्केटर और स्लाइड बनाने वाले जो चार्ट, सोशल ग्राफिक्स या प्रेजेंटेशन को लोगो कलर से मैच करना चाहते हैं, बिना किसी डिज़ाइन टूल के।
- इलस्ट्रेटर और शौकिया कलाकार जो एक ही ह्यू के शेड्स और टिंट्स एक्सप्लोर करके किसी पीस में डेप्थ, हाइलाइट और शैडो बनाना चाहते हैं।
अक्सर पूछे जाने वाले सवाल
क्या यह कलर पैलेट जनरेटर मुफ्त है?
हां, बिना साइन-अप, बिना वॉटरमार्क और बिना किसी लिमिट के 100% मुफ्त। पर्सनल हो या कमर्शियल प्रोजेक्ट, जितने चाहें उतने पैलेट जनरेट और कॉपी करें।
क्या मेरा कलर डेटा कहीं अपलोड होता है?
नहीं। पैलेट पूरी तरह आपके ब्राउज़र में प्लेन JavaScript से कैलकुलेट होता है। आपके ब्रांड कलर्स, इनपुट और क्लिक कभी सर्वर पर नहीं भेजे जाते।
कॉम्प्लीमेंट्री कलर क्या होता है?
कॉम्प्लीमेंट्री कलर कलर व्हील पर आपके बेस कलर के ठीक विपरीत होता है, यानी 180-डिग्री ह्यू रोटेशन। ब्लू और ऑरेंज जैसे कॉम्प्लीमेंट्री पेयर सबसे ज्यादा कॉन्ट्रास्ट देते हैं, इसलिए ब्रांड बैकग्राउंड पर कॉल-टू-एक्शन बटन के लिए ये लोकप्रिय हैं।
एनालॉगस और ट्रायडिक पैलेट में क्या फर्क है?
एनालॉगस पैलेट पड़ोसी ह्यू इस्तेमाल करता है (बेस के करीब 30 डिग्री के भीतर), इसलिए यह शांत और एकसार लगता है। ट्रायडिक पैलेट तीन ह्यू लेता है जो 120 डिग्री की दूरी पर होते हैं, जिससे रंगों के बीच ज्यादा कॉन्ट्रास्ट वाली, जीवंत और संतुलित स्कीम बनती है।
शेड्स और टिंट्स क्या हैं?
शेड्स आपके बेस कलर को काले की तरफ लाइटनेस घटाकर डार्क बनाते हैं, जबकि टिंट्स सफेद की तरफ लाइटनेस बढ़ाकर हल्का बनाते हैं। दोनों में ह्यू और सैचुरेशन वही रहते हैं, इसलिए ये होवर स्टेट, बॉर्डर और एक ब्रांड कलर की बैकग्राउंड लेयर्स के लिए बढ़िया हैं।
एक वेबसाइट पैलेट में कितने रंग होने चाहिए?
एक आम नियम है 60-30-10: इंटरफेस के करीब 60% हिस्से के लिए एक डोमिनेंट कलर, 30% के लिए सेकंडरी और 10% के लिए एक एक्सेंट। यहां से 3-5 कलर की हार्मनी लें, फिर स्टेट्स और सरफेस के लिए हर एक के शेड्स और टिंट्स जोड़ें।
ग्रे या ब्लैक के लिए पैलेट मुश्किल से क्यों बदलता है?
ग्रे, ब्लैक और व्हाइट में सैचुरेशन जीरो होता है, इसलिए हार्मनी रोटेशन के काम करने के लिए कोई ह्यू ही नहीं होता, कुछ भी न होने को घुमाने पर वही न्यूट्रल रंग वापस मिलता है। इसकी बजाय लाइटनेस मोड से न्यूट्रल लैडर बनाएं: ब्लैक या डार्क ग्रे के लिए टिंट्स, व्हाइट या लाइट ग्रे के लिए शेड्स, और मीडियम ग्रे के लिए मोनोक्रोमैटिक।