বিভিন্ন ব্যাকগ্রাউন্ডে কোনও রঙ কীভাবে একইভাবে প্রদর্শিত হয়?


17

রঙ উপলব্ধি নেভিগেশন পটভূমি:

মস্তিষ্কের দ্বারা মানুষের চোখের প্রকৃতি এবং ভিজ্যুয়াল প্রসেসিংয়ের কারণে, একটি অপটিক্যাল মায়াজাল রয়েছে যে পটভূমির উপর নির্ভর করে একই রঙটি আলাদা দেখাবে

এটি বিপরীতে প্রভাব হিসাবে পরিচিত , নীচে চিত্রিত - কেন্দ্রের আয়তক্ষেত্রগুলি অভিন্ন:

এখানে চিত্র বর্ণনা লিখুনসূত্র: উইকিমিডিয়া

নাসার একটি চিত্র (এবং রিপোর্ট) পটভূমির রঙের প্রভাবকে আরও সুস্পষ্ট করে তোলে:

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুনসূত্র: নাসার রঙ ব্যবহারের গবেষণা ল্যাব

(দ্বিতীয় চিত্রের দুটি ওপরের-সর্বাধিক বর্ণগুলি কীভাবে একইরকম প্রদর্শিত হবে তা লক্ষ্য করুন তবে বাস্তবে সম্পূর্ণ আলাদা)


ওয়েব ডিজাইন সম্পর্কে কি?

আমার প্রশ্নটি ওয়েব ডিজাইনের সাথে সম্পর্কিত, বিশেষত এই ক্ষেত্রে, বিভিন্ন ব্যাকগ্রাউন্ডে লিঙ্ক পাঠ্যের রঙ।

পাঠ্যের একটি প্রদত্ত রঙের জন্য, কোনও নির্দিষ্ট ব্যাকগ্রাউন্ডে এটি একইরূপে দেখাতে পরিপূরক রঙটি কীভাবে খুঁজে পাবে?


এই প্রশ্নের জন্য একটি উদাহরণ একবার দেখুন:

নীচের #FFF000ব্যাকগ্রাউন্ডে হলুদ পাঠ্য সহ আমার নীচের উদাহরণটি বিবেচনা করুন :

  • সাদা #FFFFFF,
  • কালো #000000,
  • এবং ধূসর #555555


ওয়েব ডিজাইন পাঠ্যের জন্য বিভিন্ন ব্যাকগ্রাউন্ডে রঙের তুলনা করুন


যেমনটি প্রত্যাশিত, একদম একদম দেখায় না। ( পিপিএস ফাইলটি এখানে দেখুন এবং ডাউনলোড করুন ))

আমরা কীভাবে এটিকে তিনটির মতো দেখতে পারি? স্পষ্টতই, সাদা ব্যাকগ্রাউন্ডের পাঠ্যটি গাer় হলুদ হওয়া দরকার এবং ধূসর রঙের একটিতে হিউ / টোন সমন্বয় প্রয়োজন। (আশেপাশের পাঠ্যও এটিকে প্রভাবিত করবে - তবে এটির জন্য অ্যাকাউন্টিং করা সম্ভবত আরও কঠিন))

এই নিখুঁত রঙটি কোনওভাবে হেক্স, আরজিবি বা অন্য কোনও সিস্টেমের ভিত্তিতে গণনা করা যেতে পারে? এই প্রশ্নটির কর্কসটি এখানেই রয়েছে, কারণ এটি ম্যানুয়ালি আনুমানিকের চেয়ে অনেক বেশি কার্যকর।


আপনাকে ইয়েলো ব্যবহার করতে হবে। আপনার উদাহরণগুলিতে লক্ষ্য করুন যে তারা আলাদা চেহারা দেওয়ার চেষ্টা করছেন তার অনুরূপ রঙ ব্যবহার করেছেন।
হানা

2
@ জোহানেস, আপনার অর্থ কী?
বাউমর

আপনার প্রথম উদাহরণে ব্যবহৃত রঙগুলি ধূসর সব শেড ছিল। আপনার দ্বিতীয় উদাহরণে আপনার বেগুনি খুব উজ্জ্বল বেগুনি ব্যবহারের মাধ্যমে আরও নীল দেখতে তৈরি করা হয়েছিল। তারপরে আপনার হলুদ উদাহরণে আপনি সাদা, ধূসর এবং কালোদের হলুদ রঙ করছেন ting সুতরাং আমি যা বলছি তা হল আপনার বিভিন্ন হলুদকে বিভিন্ন ব্যাকগ্রাউন্ডে একইরকম দেখাতে পরিবর্তে ইলো ব্যবহার করা উচিত।
হান্না


উত্তর:


10

মনে হচ্ছে তোমাদের মধ্যে অ্যানালগ খুঁজছেন মত পরিপূরক রং , কিন্তু লঘিমা স্থান বদলে রঙ । আমি যতদূর বলতে পারি, এ জাতীয় কোনও ম্যাপিং উপস্থিত থাকতে পারে না।

ধরুন আপনি ব্যাকগ্রাউন্ড এবং অগ্রভাগের মধ্যে রৈখিক পারস্পরিক সম্পর্ক ধরে ধরে এর ক্ষতিপূরণ দিতে পারলেন, যাতে পটভূমি অন্ধকারের সাথে একই পরিমাণে অগ্রভাগের পাঠ্যকে আরও আলোকিত করবে। আমি ধরে নিই যে বর্ণটি স্থির থাকে। সর্বদা একটি মিডপয়েন্ট থাকবে যেখানে পটভূমি এবং সম্মুখভাগ একই রঙ ভাগ করে।

উদাহরণ হিসাবে, সাদা উপর কালো বিবেচনা করুন। একই রঙের জন্য কনভার্সের স্বচ্ছলতা কালো রঙের উপর সাদা, তবে যদি আপনি একই রঙের প্রতিটি মধ্যবর্তী পটভূমির জন্য একটি অগ্রভাগ আবিষ্কার করার চেষ্টা করেন তবে মাঝপথে আপনি ধূসর-অন-ধূসরকে আঘাত করেন এবং কিছুই দেখতে পাচ্ছেন না।

অনেক একই কারণে, আমি দেখতে পাচ্ছি না যে কোনও যুক্তিসঙ্গত সরল ম্যাপিং - এমনকি একটি ক্ষয়ক্ষতি একটিও উপস্থিত থাকতে পারে।


1
এটি সমাধান করার জন্য, আমি মনে করি আমাদের (গড়) মানব চোখের একটি মডেল তৈরি করা এবং জেনেটিক অ্যালগরিদম ব্যবহার করে সেরা ফিট খুঁজে পাওয়া দরকার
বাউমার

1
@ বাউমার: একটি ভাল পিএইচডি থিসিস হতে পারে :)
মনিকার সাথে লাইটনেস রেস

0

এটি সম্পর্কে: বিভিন্ন ব্যাকগ্রাউন্ডের নীচে বিভিন্ন গ্রে ব্যবহার করুন, সাদা এবং কালো রঙে আঁকা, যাতে প্রাক্তনটি একই রকম হয়, তবে যখন তারা নিরপেক্ষ ব্যক্তির বিরুদ্ধে থাকে তখন তা নয়।

কালো এবং সাদা সারিগুলির উপরে এই দুটি সেট প্যাচগুলি একই দেখায় তা আমাকে জানতে দিন:

এখানে চিত্র বর্ণনা লিখুন

কারণ এই প্যাচগুলি নিরপেক্ষ ধূসর রঙের উপরে যা দেখায় তা এই ছবিতে চিত্রিত করা হয়েছে:

এখানে চিত্র বর্ণনা লিখুন

আমি গ্রিম এক্সট্রাক্ট / মার্জ নামে জিম্পের লেয়ার ব্লেন্ডিং মোড ব্যবহার করেছি, যা অন্যের থেকে নিরপেক্ষ প্যাচ বের করে আমাকে সবচেয়ে হালকা ধূসর খুঁজে পেতে দেয় এবং তারপরে দু'জনকে একত্রিত করে অন্ধকারতম এক। অন্য কথায়: আমি এমন দুটি গ্রে পেয়েছি যার অ্যাডিটিভ-গড় নিরপেক্ষ।

একটি কালো বা সাদা পটভূমির বিরুদ্ধে রঙের সাথে, আপনি অ্যাডিটিভ-গড় রঙ খুঁজে বের করতে এবং গ্রেইন এক্সট্রাক্টের সাহায্যে আধুনিকটির পরিপূরকটি বের করতে পারেন।

সম্পাদনা: এটি পরীক্ষা করে দেখুন। আপনি এই ইলোগুলি একই প্রদর্শিত হতে পারে।

এখানে চিত্র বর্ণনা লিখুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.