ऐसा क्यों है कि यह रंग ढाल दूसरों की तुलना में बहुत अधिक आकर्षक है?


24

मैं एक ऐसी साइट पर कुछ ग्रेडिएंट्स के साथ खेल रहा हूं, जिसे मैं विकसित कर रहा हूं, और मैं वास्तव में मनोविज्ञान या अन्य अर्थों में रुचि रखता हूं कि क्यों कुछ रंग दूसरों की तुलना में अधिक आकर्षक दिखाई देते हैं।

यहाँ अभी साइट है:

मूल साइट लॉग-इन मूल साइट मुख्य केंद्र

वहाँ ग्रेडिएंट डिजाइन के लिए काफी स्वाभाविक लगते हैं। लेकिन अगर मैं मिश्रण और मेल खाना शुरू करता हूं, तो मैं इसे समाप्त करता हूं:

विभिन्न ढाल प्रयास विभिन्न ढाल प्रयास विभिन्न ढाल प्रयास

मुझे लगता है कि "स्वाभाविक" लग रहा है एक और सभ्य ढाल खोजने के लिए प्रतीत नहीं हो सकता। मैं सोच रहा हूं कि रंगों के इन मिश्रणों को समझने के पीछे मनोविज्ञान क्या है ... क्या रंगों को खोजने के लिए किसी तरह का नियम है जो एक ढाल में एक साथ अच्छी तरह से चलते हैं? मुझे लगता है कि यह उस तरह की भावना पर निर्भर करता है जिस पर आप जा रहे हैं। मैं किसी भी और सभी इनपुट की सराहना करता हूं!


2
यह विशुद्ध रूप से एक व्यक्तिपरक, राय आधारित प्रश्न है। सिर्फ इसलिए कि आपको लगता है कि कुछ ग्रेडिएंट बेहतर हैं, इसका मतलब यह नहीं है कि कोई और होगा।
स्कॉट

6
मैं स्कॉट से सहमत हूं और मैं जवाब देने के लिए इतनी दूर जाऊंगा "वे अच्छे क्यों लगते हैं?" "कौन कहता है कि वे अच्छे लगते हैं?"। लेकिन वह व्यक्तिपरक है। मेरा उद्देश्य टिप्पणी है: मैं आपको गारंटी देता हूं कि आप पूरे स्क्रीन के संदर्भ में रंगों का मूल्यांकन कर रहे हैं जिसमें हल्के हरे रंग की खिड़की की सीमा शामिल है। यह रंग अकेले आपको व्यूपोर्ट के भीतर कुछ रंग विकल्पों के खिलाफ पूर्वाग्रह पैदा करेगा।
क्षितिज अनुपात

ब्राउज़र की त्वचा और नीले रंग दोनों पर बहुत अच्छे अंक। अगर मैं प्रतिनिधि था मैं upvote होगा! मैं उस पूर्वाग्रह को रोकने के लिए इनको फुल-स्क्रीन मोड में देखना शुरू करूँगा।
हेडन मैकफी

आज मैंने कुछ देखा। जब साथ फ़ोटोशॉप उन लोगों के लिए ए-साथ घूर्णन इन ढ़ाल के सभी प्रयोगशाला जोड़े के विभिन्न बदलाव के साथ संभव हो रहे हैं, रंग पिकर में जाते हैं, द्वारा radiobox टिकटिक aसही पर, और पैलेट से खड़ी स्लाइडर के साथ खेलते हैं। यहां दिए गए संयोजनों के अधिकांश (सभी?) Aअक्ष के विभिन्न मूल्यों पर पाए जा सकते हैं । यकीन नहीं होता कि यह कोई वैज्ञानिक समर्थन है, लेकिन यह सिर्फ एक अवलोकन था।
Qix

जवाबों:


34

प्रारंभिक उदाहरण और आपके प्रयोगों के बीच मुख्य अंतर यह है कि मूल के रूप में लगभग परिवर्तन नहीं होता है क्योंकि ह्यू में परिवर्तन होता है।

संतृप्त रंग का पहिया

गोल्डन-येलो से मैजेंटा / गुलाबी रंग में जाना रंग पहिया पर लगभग 1/6 मोड़ है। इसके विपरीत, आपके प्रयोग (नारंगी-लाल से नीले-बैंगनी, नीले-बैंगनी से पीले-हरे, और सियान से नीले-बैंगनी तक) सभी 1/4 बारी से अधिक हैं।

इतना बदलाव एक रंग में एक बदलाव के रूप में नहीं, बल्कि कई रंगों के माध्यम से प्रगति के रूप में माना जाता है। क्योंकि आपका ग्रेडिएंट आपके हेडर में गाढ़ा होता है, जो कि काफी तेज बदलाव के रूप में आता है और यह समझा सकता है कि यह आपको "स्वाभाविक" क्यों नहीं लगता।

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

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


मैंने मूल दो रंगों के लिए ह्यू ऑफसेट की गणना की, और 96 (360 संभावित ह्यू मूल्यों में से) के मूल्य के साथ बाहर आया। तो रंग पहिया के बारे में एक चौथाई बारी। मैंने समान अंतर के साथ अन्य रंग मूल्यों को ढूंढना शुरू कर दिया, और फिर भी मूल्यों को अजीब लगा, हालांकि यह अधिक स्वाभाविक था। रंगों और इस तरह के साथ मेरी अपरिचितता को क्षमा करें, लेकिन क्या आप इसके लिए किसी विशेष कारण के बारे में सोच सकते हैं? शायद वे एक अलग मूड के रंग हैं। i.imgur.com/utU1Oex.png
हेडन

उस मामले में मेरी भावना यह है कि यह अंतिम रंग के बारे में ढाल के बारे में इतना नहीं है; चमकदार हरा काफी झंझट भरा है। इसकी तुलना @ कॉकपअप के परीक्षण में संस्करण से की जाती है, जो कि अधिक नरम (कम संतृप्त / चमकीला) हरा होता है। रंगों की मनोदशा को निर्धारित करना बहुत कठिन है, लेकिन सामान्य रूप से कम संतृप्त या माध्यमिक रंग उज्ज्वल लाल और साग की तुलना में थोड़ा शांत होते हैं। यह बहुत व्यक्तिपरक हो जाता है, लेकिन वहाँ बहुत सारे संसाधन हैं, कई अच्छे रंग संयोजन के उदाहरण हैं।
अमीलियाबीआर

4
यहाँ एक और बात पर विचार करना है: इसके विपरीत। पीला सबसे चमकीला रंग है, जिसके काले रंग के खिलाफ अधिकतम विपरीत है। आपके पहले उदाहरण में, पीला केवल आपके ग्रेडिएंट का शीर्ष है। यह बाहर छड़ी नहीं है। यह "लगता है" लगभग शीर्ष पर एक हाइलाइट की तरह है। यह ग्रेडिएंट में आंख को नीचे से ऊपर की ओर ले जाने में मदद करता है। आपके तीसरे उदाहरण में, पीला ढाल का मुख्य रंग है। ढाल का शरीर बाहर चिपक जाता है। ढाल के शीर्ष, जो सांस्कृतिक रूप से अधिकतम मूल्य के रूप में पढ़ा जाता है, शरीर की तुलना में कम महत्वपूर्ण लगता है। आंख ऊपर और नीचे के बीच लड़ती है। इससे यह कम प्राकृतिक लग सकता है।
कॉकपअप

29

चूँकि आप पूछ रहे हैं कि "उन्हें अलग तरह से क्यों माना जाता है", तो यहाँ एक और (बहुत गीकी) बात मानी जाती है: आरजीबी रंग की कथित लुमिनेन्सिस। यह लागू करना कठिन है, इसलिए मेरा उत्तर लगभग केवल सामान्य ज्ञान के रूप में लें:)

एक रंग के luminescence मूल्य इंगित करता है कि आप इसे कैसे "जला" करते हैं। यदि रंग एक प्रकाश बल्ब होगा, तो कम ल्यूमिनेसिंस के साथ एक रंग को मंद (40W बल्ब) माना जाएगा, जबकि उच्च ल्यूमिनेसेंस वाला रंग बहुत उज्ज्वल (100W बल्ब) माना जाएगा।

आरजीबी रंग वास्तव में छोटे "प्रकाश बल्ब" का उपयोग करके प्रदर्शित होते हैं। स्क्रीन छोटे "लाइट बल्ब" से बने होते हैं, प्रत्येक पिक्सेल के लिए तीन: आर (एड), जी (रीएन) और बी (ल्यू)। किसी रंग के विशिष्ट R, G ad B मान यह दर्शाते हैं कि उस रंग का भ्रम पैदा करने के लिए प्रत्येक छोटे प्रकाश बल्ब को कितना उज्ज्वल होना चाहिए। उदाहरण के लिए रंग नारंगी आरजीबी (255, 100, 0) लाल बल्ब को उसकी अधिकतम शक्ति (255) में बदलकर बनाया जाता है, जिससे हरे बल्ब को अर्ध-मंद (100) और नीले बल्ब (0) को बंद कर दिया जाता है।

यहाँ कुछ रंगों को दिखाते हुए एक चित्रण किया गया है और आरजीबी घटकों में से प्रत्येक को "उज्ज्वल" बनाया जाना चाहिए ताकि रंग का भ्रम पैदा हो सके। प्रत्येक रंग के नीचे छोटे डॉट्स इंगित करते हैं कि घटक कितना मंद या उज्ज्वल है।

यहाँ छवि विवरण दर्ज करें

जैसा कि आप दृष्टांत में देख सकते हैं, सफेद बनाने के लिए, उदाहरण के लिए, आप 3 घटकों को अधिकतम (255) में बदल देते हैं। 3 छोटे "प्रकाश बल्बों" का यह संयोजन आंख को सफेद के रूप में माना जाता है (यह समझाते हुए कि एक बड़ा विषाद क्यों होगा)। काला बनाने के लिए, आप उन सभी को बंद कर देते हैं। यह आसान है: कोई प्रकाश नहीं रंग।

प्रत्येक रंग के luminescence को 3 घटकों में से प्रत्येक "कितना उज्ज्वल" जोड़कर गणना की जाती है। 3 उच्चतम घटकों को अधिकतम मूल्य में बदल देने के बाद से सफेद रंग सबसे अधिक ल्यूमिनेसेंस के साथ रंग होगा। ब्लैक, सबसे कम के साथ एक होगा। पीले रंग में हरे रंग की तुलना में उच्चतम ल्यूमिनेंस होता है क्योंकि पीला बनाने के लिए आपको इसके अधिकतम 2 घटकों की आवश्यकता होती है लेकिन हरे रंग को बनाने के लिए आपको केवल एक की आवश्यकता होती है। इसलिए, कमोबेश आप यह कह सकते हैं

एल = आर + जी + बी

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

एल = 0.2126 आर + 0.7152 जी + 0.0722 बी

यहाँ पर फिर से चित्रण किया गया है, प्रत्येक रंग के लिए गणना की गई ल्यूमिनेन्सिस के साथ।

यहाँ छवि विवरण दर्ज करें

आप ध्यान देंगे कि, जैसा कि आपकी आंख आपको बता सकती है, पीला नारंगी की तुलना में अधिक चमकदार है, लेकिन नारंगी मैजेंटा के रूप में चमकदार है।

अब, मैंने आपके दो मूल पैलेट से रंग ले लिए हैं और उनके लुमिनेशन की गणना की है।

यहाँ छवि विवरण दर्ज करें

पहले मामले में, जिसे आप पसंद करते हैं, आप देखेंगे कि पहले रंग की ल्यूमिनेन्स अवधि, दूसरे रंग की तुलना में नीचे (125) शीर्ष पर (200) है। फिर, ढाल, चमकदारता में वृद्धि के रूप में माना जाता है, जैसे कि यह प्रकाश व्यवस्था होगी।

दूसरे मामले में, बहुत अधिक अंतर नहीं है, इसलिए ढाल सिर्फ ह्यू में बदलाव के रूप में माना जाता है।

तीसरे मामले में, नीचे के रंग में शीर्ष एक की तुलना में एक उच्च ल्यूमिनेसेंस होता है, इसलिए ढाल को चमकदारता में कमी के रूप में माना जाता है, जैसे कि यह मद्धम होगा।

यह बताएगा कि क्यों, जब आप 2 hues का चयन करते हैं जो आपके द्वारा पसंद किए जाने वाले रंग पहिया पर एक दूसरे से अपेक्षाकृत समान दूरी पर रखे जाते हैं, तो परिणाम अलग-अलग माना जाएगा।


शानदार प्रतिक्रिया! स्पष्ट स्पष्टीकरण के लिए धन्यवाद; लगता है कि मेरा जवाब वास्तव में इन प्रतिक्रियाओं का संयोजन है।
हेडन मैकएफी

यह एक अविश्वसनीय प्रतिक्रिया है। मुझे यकीन है कि हेडन की प्रतिक्रिया के साथ यह कुछ भयानक परिणाम हो सकता है।
Qix

2
ध्यान दें कि यह प्रदर्शन गामा द्वारा कुछ जटिल है। प्रदर्शन RGB रंग के लिए एक सटीक luminescence मूल्य प्राप्त करने के लिए, आपको पहले अपने सूत्र का उपयोग करके औसत से पहले R / G / B मानों को रैखिक रंग के स्थान में बदलने के लिए गामा सुधार लागू करना चाहिए । 2.2 के एक विशिष्ट प्रदर्शन गामा के लिए, सही सूत्र इस प्रकार है L = (0.2126 R ^ 2.2 + 0.7152 G ^ 2.2 + 0.0722 B ^ 2.2) ^ (1 / 2.2)।
इल्मरी करोनन

4

से http://www.colormatters.com/color-and-design/basic-color-theory

1 - अनुरूप रंग के आधार पर एक रंग योजना

अनुरूप रंग किसी भी तीन रंग होते हैं जो 12 भाग वाले रंग के पहिये पर होते हैं, जैसे पीला-हरा, पीला और पीला-नारंगी। आमतौर पर तीन रंगों में से एक रंग प्रबल होता है।

2 - पूरक रंगों पर आधारित एक रंग योजना

पूरक रंग किसी भी दो रंग हैं जो सीधे एक दूसरे के विपरीत हैं, जैसे लाल और हरे और लाल-बैंगनी और पीले-हरे। ऊपर चित्रण में, पत्तियों में पीले-हरे रंग के कई प्रकार हैं और ऑर्किड में लाल-बैंगनी के कई रूप हैं। ये विरोधी रंग अधिकतम विपरीत और अधिकतम स्थिरता बनाते हैं।

3 - प्रकृति पर आधारित एक रंग योजना

प्रकृति रंग सद्भाव के लिए एक आदर्श प्रस्थान बिंदु प्रदान करती है। ऊपर दिए गए चित्रण में, लाल पीले और हरे रंग एक सामंजस्यपूर्ण डिजाइन बनाते हैं, भले ही यह संयोजन रंग सद्भाव के लिए एक तकनीकी सूत्र में फिट हो।


1) गहरे हरे रंग की हल्की पीली। एक रंगा हुआ ग्रेस्केल छवि की तरह। 2) रेड वी / एस स्प्रिंग ग्रीन / सियान। ऑरेंज वी / एस एज़्योर। इंडिगो / वायलेट बनाम पीला। अतिरिक्त विपरीतता के लिए, दोनों में से एक को दूसरे की तुलना में कम संतृप्त होना चाहिए। 3) ध्यान दें कि कैसे हरे गहरे पीले रंग के संयोजन की तुलना में लाल गहरा और अधिक संतृप्त होता है, जो कि गहरे हरे से हल्के चूने-पीले रंग का एक ढाल भी है।
लोकोलिस्क

3

केवल अमेलियाबीआर के उत्तर को जोड़ते हुए (एक टिप्पणी होनी चाहिए, लेकिन मैं एक छवि पोस्ट करना चाहता हूं)। अपने रंग को "स्थानांतरित" करने का प्रयास करने का एक तरीका है, लेकिन रंगों को शुरू करने और समाप्त करने के बीच एक ही सापेक्ष दूरी रखते हुए फ़ोटोशॉप के रंग उपकरण का उपयोग किया जा सकता है।

पहली छवि लें (जिस ग्रेडिएंट को आप पसंद करते हैं) और उसे फ़ोटोशॉप में खोलें। फिर ह्यू / संतृप्ति उपकरण ( Image->Adjustment->Hue Saturationया Ctr+U) खोलें और पहले स्लाइडर (ह्यू) के साथ खेलें। यह पूरी छवि के रंग को स्थानांतरित कर देगा लेकिन सभी मौजूदा hues (विशेष रूप से आपके ग्रेडिएंट्स के शुरुआती और अंतिम ह्यू) के बीच एक ही संबंध बनाए रखेगा। चूँकि आपके इंटरफ़ेस का पिछला भाग काला (या न्यूट्रल ग्रे) है, इसलिए ह्यू में बदलाव का उस पर कोई असर नहीं पड़ेगा।

यदि आपको अपनी पसंद का संयोजन मिल जाता है, तो बस ह्यू / संतृप्ति परिवर्तन (क्लिक OK) को स्वीकार करें और आईड्रॉपर टूल (प्रेस I) का उपयोग करके ग्रेडिएंट के शुरुआती और समाप्त रंगों को चुनें।

इस उदाहरण में मैंने ह्यू -155 को स्थानांतरित कर दिया है और ग्रेडिएंट अब (कभी ट्रेंडी) एक्वामरीन ग्रीन से ब्लू में चला जाता है, जो कि नॉटिकल गूँज के साथ एक शांत, शांत ढाल है।

यहाँ छवि विवरण दर्ज करें

आप पर ध्यान दें, रंग धारणा का एक बहुत ही व्यक्तिगत घटक है। आप किसी अन्य व्यक्ति के लिए "प्राकृतिक" पा सकते हैं जो एक अपभ्रंश के रूप में माना जा सकता है।


मैं देखता हूं, यह एक अच्छा तरीका है। हो सकता है कि सामान्य रूप से कुछ रंगों को माना जाता है, इसका एक बेहतर विचार प्राप्त करने के लिए मुझे कुछ रंग सिद्धांत कक्षाएं लेनी चाहिए!
हेडन मैकएफी
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.