विभिन्न पृष्ठभूमि पर एक ही रंग कैसे प्रकट किया जाए?


17

रंग धारणा पर पृष्ठभूमि:

मस्तिष्क द्वारा मानव आंख और दृश्य प्रसंस्करण की प्रकृति के कारण, एक ऑप्टिकल भ्रम है कि पृष्ठभूमि के आधार पर एक ही रंग अलग दिखाई देगा

इसे विपरीत प्रभाव के रूप में जाना जाता है, जिसका वर्णन नीचे किया गया है - केंद्र आयताकार समान हैं:

यहाँ छवि विवरण दर्ज करेंस्रोत: विकिमीडिया

नासा द्वारा एक चित्रण (और रिपोर्ट) पृष्ठभूमि के रंग के प्रभाव को और अधिक स्पष्ट करता है:

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

यहाँ छवि विवरण दर्ज करेंस्रोत: नासा के रंग उपयोग अनुसंधान लैब

(ध्यान दें कि दूसरी छवि में दो ऊपरी-सबसे रंग समान कैसे दिखाई देते हैं, लेकिन वास्तव में पूरी तरह से अलग हैं।)


वेब डिज़ाइन के बारे में क्या?

मेरा प्रश्न वेब डिज़ाइन से संबंधित है, विशेष रूप से इस मामले में, विभिन्न पृष्ठभूमि पर लिंक पाठ का रंग।

पाठ के दिए गए रंग के लिए, कोई पूरक रंग कैसे पा सकता है, यह एक निश्चित पृष्ठभूमि पर समान दिखाई देता है?


आइए इस प्रश्न के लिए एक उदाहरण देखें:

#FFF000निम्नलिखित पृष्ठभूमि पर पीले पाठ के साथ, नीचे मेरे उदाहरण पर विचार करें :

  • सफेद #FFFFFF,
  • काला #000000,
  • और ग्रे #555555


वेब डिज़ाइन टेक्स्ट के लिए अलग-अलग पृष्ठभूमि पर रंगों की तुलना करें


जैसी उम्मीद थी, वैसा ही नहीं दिखता। (यहां देखें और डाउनलोड करें .PSD फ़ाइल। )

हम इसे तीनों पर समान कैसे बना सकते हैं? स्पष्ट रूप से, सफेद पृष्ठभूमि पर पाठ को गहरा पीला होना चाहिए, और ग्रे पर एक रंग / टोन समायोजन की आवश्यकता है। (आस-पास का पाठ भी इसे प्रभावित करेगा - लेकिन इसका हिसाब रखना कठिन है।)

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


आपको येल्लो का उपयोग करना होगा। आपके उदाहरणों में ध्यान दें कि उन्होंने जिस रंग को अलग-अलग बनाने की कोशिश की है, उसके समान रंगों का उपयोग किया।
हन्ना

2
@ जोहान्स, आपका क्या मतलब है?
बॉमर

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


जवाबों:


10

ऐसा लगता है कि आप पूरक रंगों के एनालॉग की तलाश कर रहे हैं , लेकिन ह्यू के बजाय हल्की जगह में । जहाँ तक मैं बता सकता हूँ, ऐसी कोई भी सामान्य मैपिंग मौजूद नहीं है।

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

एक उदाहरण के रूप में, सफेद पर काले रंग पर विचार करें। समान ह्यूजेस के लिए कांतिमय लपट काले रंग पर सफेद होती है, लेकिन यदि आपने एक ही ह्यू के हर मध्यवर्ती पृष्ठभूमि के लिए एक अग्रभूमि खोजने की कोशिश की, तो मध्य बिंदु पर आप ग्रे-ऑन-ग्रे को हिट करते हैं और कुछ भी नहीं देख सकते हैं।

उसी कारण से, मैं यह नहीं देख सकता कि किसी भी कारण से साधारण मैपिंग - यहां तक ​​कि एक हानिपूर्ण - मौजूद हो सकती है।


1
इसे हल करने के लिए, मुझे लगता है कि हमें (औसत) मानव आंख का एक मॉडल बनाने की आवश्यकता होगी, और एक आनुवंशिक एल्गोरिथ्म का उपयोग करके सबसे अच्छा फिट मिलेगा
बॉम

1
@ बामर: एक अच्छी पीएचडी थीसिस हो सकती है :)
मोनिका

0

इसके बारे में कैसे: अलग-अलग पृष्ठभूमि के तहत अलग-अलग ग्रेज़ का उपयोग करें, सफेद और काले रंग से पेंट करें, ताकि पूर्व समान दिखाई दें, लेकिन तब नहीं जब वे एक तटस्थ के खिलाफ हों।

मुझे पता है कि पैच के ये दो सेट काले और सफेद पंक्तियों के शीर्ष पर समान दिखते हैं:

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

क्योंकि ये पैच एक तटस्थ ग्रे के शीर्ष पर क्या दिखते हैं, इस चित्र में दिखाया गया है:

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

मैंने GIMP की लेयर ब्लेंडिंग मोड का उपयोग किया, जिसे Grain Extract / Merge कहा जाता है, जिसने मुझे दूसरे से एक तटस्थ पैच निकालकर सबसे हल्का ग्रे खोजने की अनुमति दी, और फिर उन दोनों को एक साथ मर्ज करके सबसे गहरा। दूसरे शब्दों में: मुझे दो ग्रैड मिले हैं जिनका योगात्मक-औसत तटस्थ है।

एक काले या सफेद पृष्ठभूमि के खिलाफ रंग के साथ, आप एडिटिव-एवरेज रंग को खोजने के लिए ग्रेन मर्ज का उपयोग कर सकते हैं, और अन्न के साथ बाद के पूरक को निकाल सकते हैं।

EDIT: इसे देखें। आप इन yellows समान दिखने के लिए पा सकते हैं।

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.