रंग सामंजस्य नियम: पूरक, त्रिपक्षीय, चतुर्भुज, और प्रत्येक का उपयोग कब करें

रंग सिद्धांत शैक्षणिक लगता है। व्यवहार में यह नियमों का एक छोटा टूलबॉक्स है जो एक अच्छा डिज़ाइनर बिना सोचे समझे उपयोग करता है। सात शास्त्रीय सामंजस्य पैलेट काम का 95% कवर करते हैं — प्रत्येक को जानना और कब उपयोग करना यह अंतर है कि पैलेट इरादेमंद महसूस करता है या आकस्मिक।

पहिया कम्पास है

हर सामंजस्य नियम 12-स्लाइस रंग पहिया पर स्थिति को परिभाषित करता है। आप एक आधार रंग चुनते हैं, फिर नियम आपको बाकी को पकड़ने के लिए पहिया पर कहां जाना है यह बताता है। नियम संतृप्ति या हल्केपन को निर्दिष्ट नहीं करते — ये आयाम आपके हैं।

पूरक (विपरीत रंग)

पहिया के सीधे विपरीत दो रंग: लाल और सियान, नारंगी और नीला, बैंगनी और पीला। अधिकतम विरोधाभास। जब आपको किसी चीज़ को पृष्ठभूमि से बाहर आने की आवश्यकता हो — एक लैंडिंग पेज पर CTA बटन, डेटा चार्ट पर हाइलाइट।

नुकसान: पूर्ण संतृप्ति पर, पूरक जोड़े असहज रूप से कंपकंपाते हैं। एक को कम करें (desaturate, lighten, या darken) और दूसरे को accent के रूप में उपयोग करें।

त्रिपक्षीय (तीन समान रूप से दूरी वाली)

120° अंतराल पर तीन रंग: लाल-पीला-नीला, नारंगी-हरा-बैंगनी। संतुलित और ऊर्जावान। चित्रों, बच्चों के उत्पादों, और ब्रांडों के लिए लोकप्रिय जो जीवंत महसूस करना चाहते हैं बिना अभिभूत किए।

नुकसान: समान संतृप्ति पर सभी तीन ध्यान के लिए प्रतिस्पर्धा करते हैं। एक को प्रभावशाली (60% आपके डिज़ाइन के), एक को समर्थक (30%), एक को accents के लिए (10%) चुनें।

समान (पहिया पर पड़ोसी)

तीन से पांच आसन्न रंग: पीला-पीला-हरा-हरा या नीला-नीला-बैंगनी-बैंगनी। सबसे शांत सामंजस्य — कोई संघर्ष नहीं क्योंकि कोई भी रंग दूसरे से नहीं लड़ता। प्राकृतिक दृश्य (सूर्यास्त, जंगल) लगभग हमेशा समान होते हैं।

नुकसान: समान पैलेट सपाट महसूस कर सकते हैं। विरोधाभास बिंदुओं के लिए एक पूरक accent जोड़ें (आपके मध्य रंग के विपरीत का एक छोटा खुराक)।

विभाजित-पूरक (दो निकट-विपरीत)

एक आधार चुनें, फिर अपने complement के विपरीत के बजाय इसके आसन्न दो रंग लें। सख्त पूरक की तुलना में नरम लेकिन अभी भी मजबूत। उन डिज़ाइनरों के लिए एक अच्छा डिफ़ॉल्ट जो सीधे पूरक को बहुत आक्रामक मानते हैं।

चतुर्भुज (दो पूरक जोड़े)

पहिया पर एक आयत बनाने वाले चार रंग: जैसे लाल + हरा + नारंगी + नीला। सबसे समृद्ध सामंजस्य — बहुत विविधता — लेकिन संतुलन के लिए सबसे कठिन। सर्वोत्तम जब एक रंग प्रभुत्व रखता है और अन्य तीन समर्थन के रूप में कार्य करते हैं।

नुकसान: चतुर्भुज पैलेट आसानी से अराजक के रूप में पढ़े जाते हैं। तय करें कि कौन सा रंग पहचान ले जाता है और अन्य तीन को छोटी भूमिकाओं में demote करें।

एकवर्णीय (एक रंग, कई मान)

विभिन्न संतृप्ति और हल्केपन के साथ एक एकल रंग। अधिकतम सामंजस्य, शून्य रंग विरोधाभास। इंटरफेस के लिए परिपूर्ण जहां आप चाहते हैं कि सामग्री (photos, typography) दृश्य रुचि ले, UI chrome नहीं।

अधिकांश minimalist SaaS tools एकवर्णीय लीन करते हैं — ब्रांड एक नीला है, बाकी सब कुछ greyscale है।

ट्रेंडिंग (नियमों को अच्छी तरह से तोड़ना)

एक सातवां मोड जो हम अपने Color Palette Generator में शामिल करते हैं: ColourLovers, Coolors, और industry designers से 177 हाथ से तैयार किए गए community palettes। ये पैलेट अक्सर शास्त्रीय नियमों को इरादे से तोड़ते हैं — वे काम करते हैं क्योंकि डिज़ाइनर के पास विशिष्ट creative intent था — और जब pure theory कुछ बहुत सुरक्षित पैदा करता है तो ये प्रेरणा का एक बड़ा स्रोत हैं।

कौन सा चुनें?

• संपादकीय, शांत, प्राकृतिक → समान।
• पंच, CTA, ऊर्जा → पूरक या विभाजित-पूरक।
• जीवंत ब्रांड, चित्र → त्रिपक्षीय।
• समृद्ध संपादकीय, साहसी अभियान → चतुर्भुज।
• Minimalist UI, photo-heavy → एकवर्णीय।
• फंसा हुआ महसूस करना → Trending ब्राउज़ करें।

नियमों से परे

सभी सात सामंजस्य दो महत्वपूर्ण आयामों को अनदेखा करते हैं: विरोधाभास (क्या इस पृष्ठभूमि पर पाठ को पढ़ा जा सकता है?) और semantic color (पश्चिमी UI में red का मतलब danger है चाहे theory क्या कहे)। हमेशा अपने अंतिम पैलेट को एक WCAG contrast check के माध्यम से चलाएं — Color Palette Generator आपको एक क्लिक में हर जोड़ी के AA/AAA अनुपात दिखाता है — और केवल इसलिए danger color न चुनें क्योंकि पहिया कहता है कि यह अच्छा लगता है।

नियम प्रारंभिक बिंदु हैं, अंतिम बिंदु नहीं। पांच पैलेट generate करें, आलोचना करें, adjust करें। अच्छे पैलेट iteration से आते हैं, पासे के एक एकल roll से नहीं।