कलर व्हील क्या है?

एक बेस कलर चुनें और इंटरैक्टिव व्हील पर कॉम्प्लिमेंटरी, एनालॉगस, ट्रायडिक, स्प्लिट-कॉम्प्लिमेंटरी, टेट्राडिक और मोनोक्रोमैटिक स्कीम देखें। हर स्वॉच पर सफेद और काले के मुकाबले WCAG कंट्रास्ट रेशियो दिखता है, और पूरा पैलेट सादा टेक्स्ट या शेयर करने योग्य PNG के रूप में एक्सपोर्ट किया जा सकता है।

व्हील HSL मॉडल पर चलता है, आप कोई बेस ह्यू ड्रैग करें या HEX डालें, मैचिंग स्वैच रियल टाइम में अपनी जगह घूम जाते हैं। सैचुरेशन और लाइटनेस स्लाइडर से पूरी स्कीम एक साथ ट्यून होती है। हर रंग को HEX, RGB, HSL, CMYK या OKLCH में एक क्लिक पर कॉपी कर सकते हैं, और व्हील पर हर हार्मनी पॉइंट लेबल वाले डॉट से दिखता है ताकि रंगों का रिश्ता समझ आए।

उपयोग कैसे करें

1. कलर व्हील पर क्लिक करें या ड्रैग करें अपना बेस ह्यू चुनने के लिए, या इनपुट फ़ील्ड में सीधे HEX वैल्यू दर्ज करें।
2. एक हार्मनी टाइप चुनें (कॉम्प्लिमेंटरी, एनालॉगस, ट्रायडिक, स्प्लिट-कॉम्प्लिमेंटरी, या टेट्राडिक) और व्हील पर मैचिंग कलर हाइलाइट होते देखें।
3. किसी भी जनरेट किए गए कलर को HEX, RGB, HSL, CMYK, या OKLCH फ़ॉर्मेट में कॉपी करने के लिए स्वैच पर क्लिक करें। पूरी पैलेट को अपने डिज़ाइन टूल्स में इस्तेमाल करने के लिए एक्सपोर्ट करें।

कब उपयोग करें

• मुख्य रंग तय होने के बाद ब्रांड किट के लिए 3-4 एक्सेंट रंग चुनना।
• बैकग्राउंड के विपरीत बटन कलर चुनकर कंट्रास्ट को अधिकतम करना।
• ऐसा UI पैलेट बनाना जहाँ मिलते-जुलते टोन शांत लगें, टकराएँ नहीं।

परिणाम

एक वेब डिज़ाइनर #E87040 को ब्रांड कलर के रूप में चुनता है, ट्रायडिक हार्मनी पर स्विच करता है, और अपने लैंडिंग पेज के लिए तीन संतुलित एक्सेंट कलर पाता है — बस एक क्लिक में।

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

एनालॉगस और ट्रायाडिक हार्मनी में क्या फ़र्क है?

एनालॉगस व्हील पर पास-पास के रंग चुनता है (करीब 30 डिग्री के अंदर), माहौल शांत और एकजुट लगता है। ट्रायाडिक तीन रंगों को 120 डिग्री के फ़ासले पर रखता है, जिससे डिज़ाइन में ज़्यादा कंट्रास्ट, बैलेंस और ऊर्जा आती है।

कॉम्प्लीमेंट्री की जगह स्प्लिट-कॉम्प्लीमेंट्री कब चुनूँ?

कॉम्प्लीमेंट्री दो पूरी तरह उल्टे रंग लेता है, असर ज़्यादा होता है पर दोनों पूरी सैचुरेशन पर टकराते हैं। स्प्लिट आपके बेस को विपरीत रंग के दोनों पड़ोसियों से जोड़ता है, टेंशन कायम, टक्कर हल्की, बैलेंस आसान।

लाइटनेस स्लाइडर हिलाने पर हार्मनी रंग क्यों बदलते हैं?

व्हील ह्यू के रिलेटिव ऑफ़सेट तो बनाए रखता है, पर आपकी सैचुरेशन और लाइटनेस हर रंग पर लगा देता है। इसलिए 40% लाइटनेस पर एनालॉगस ग्रीन सब डार्क फ़ॉरेस्ट टोन में रहते हैं, डार्क ग्रीन और नियॉन ग्रीन मिक्स नहीं होते।

क्या पैलेट को CSS वेरिएबल या डिज़ाइन टूल फ़ॉर्मेट में निकाल सकता हूँ?

किसी भी स्वैच पर क्लिक करके HEX, RGB, HSL, CMYK या OKLCH क्लिपबोर्ड पर कॉपी कर लें। वहाँ से सीधे CSS फ़ाइल में --brand-primary: #E87040, या Figma के hex इनपुट, या Tailwind की कस्टम कलर कॉन्फ़िग में पेस्ट कर सकते हैं।

टेट्राडिक और रेक्टेंगुलर हार्मनी क्या एक ही चीज़ है?

हाँ। टेट्राडिक (इसे रेक्टेंगुलर भी कहते हैं) व्हील पर एक आयत बनाने वाले चार रंग चुनता है, यानी दो कॉम्प्लीमेंट्री जोड़े। पैलेट और रिच होती है, पर एक मुख्य रंग रखना ज़रूरी है, वरना डिज़ाइन भारी लगने लगता है।

संबंधित उपकरण