एक रंग से कलर पैलेट बनाएं
वेबसाइट, ऐप, प्रेजेंटेशन, लोगो या पोस्टर डिज़ाइन करते समय ऐसे रंगों को चुनना जो एक-दूसरे के साथ अच्छे लगें, सबसे मुश्किल कामों में से एक है। कलर थ्योरी कलर व्हील पर रंगों के बीच प्रमाणित संबंध बताती है, और यह पैलेट जनरेटर आपके लिए उन्हीं का इस्तेमाल करता है। अपने किसी पसंदीदा रंग — या अपने ब्रांड के रंग — से शुरुआत करें, एक स्कीम चुनें, और अपने प्रोजेक्ट में कॉपी करने के लिए पाँच बेहतरीन और मिलते-जुलते रंग पाएं।
फीचर्स
- सात स्कीम्स: कॉम्प्लिमेंट्री, एनालॉगस, ट्रायडिक, स्प्लिट कॉम्प्लिमेंट्री, टेट्राडिक, मोनोक्रोमैटिक और शेड्स।
- कोई भी शुरुआती रंग HEX, RGB, HSL या CSS कलर नाम के रूप में डालें, या कोई रैंडम रंग चुनें।
- किसी भी स्वॉच को क्लिक करके कॉपी करें।
- CSS कस्टम प्रॉपर्टीज़ या JSON ऐरे के रूप में एक्सपोर्ट करें।
- पढ़ने में आसान लेबल्स जो बेहतर कंट्रास्ट के लिए काले और सफेद रंग के बीच बदलते हैं।
कौन सी स्कीम इस्तेमाल करें?
| स्कीम | प्रभाव | इसके लिए उपयुक्त |
|---|---|---|
| कॉम्प्लिमेंट्री | बोल्ड, हाई कंट्रास्ट | कॉल-टू-एक्शन बटन, स्पोर्ट्स, सेल्स |
| एनालॉगस | शांत, संतुलित | प्रकृति, वेलनेस, बैकग्राउंड्स |
| ट्रायडिक | जीवंत, संतुलित | बच्चों के प्रोडक्ट्स, इलस्ट्रेशन्स |
| स्प्लिट कॉम्प्लिमेंट्री | वाइब्रेंट लेकिन कम तीखा | ऐसी वेबसाइट्स जिन्हें एक स्ट्रॉन्ग एक्सेंट (accent) चाहिए |
| टेट्राडिक | रिच, रंग-बिरंगा | इन्फोग्राफिक्स और चार्ट्स |
| मोनोक्रोमैटिक | एलिगेंट, मिनिमल | कॉर्पोरेट साइट्स, पोर्टफोलियो |
| शेड्स | व्यवस्थित | डिज़ाइन सिस्टम, UI स्टेट्स |
पैलेट से डिज़ाइन तक
पैलेट तैयार होने के बाद, कलर कंट्रास्ट चेकर से जांचें कि हर बैकग्राउंड पर टेक्स्ट आसानी से पढ़ा जा सके, प्रिंट के लिए कलर कनवर्टर से रंगों को RGB, HSL या CMYK में बदलें, और CSS ग्रेडिएंट जनरेटर का उपयोग करके किन्हीं दो रंगों से एक स्मूथ बैकग्राउंड बनाएं।