রঙীন স্কিমগুলি উত্পাদন - তত্ত্ব এবং অ্যালগরিদম [বন্ধ]

28

আমি চার্ট এবং ডায়াগ্রাম তৈরি করব এবং আমি রঙের স্কিম এবং অ্যালগরিদমের উদাহরণগুলির জন্য কিছু তত্ত্বের সন্ধান করছি।

উদাহরণ উদাহরণ:

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

আমার বাস্তবায়ন AS3 এ হবে তবে সিউডোকোডের কোনও উদাহরণ স্বাগত।

algorithms theory color

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

— daniel.sedlaysk

আকর্ষণীয় উত্তরের সাথে দৃ relevant়ভাবে প্রাসঙ্গিক স্ট্যাক ওভারফ্লো প্রশ্ন: " কীভাবে স্বয়ংক্রিয়ভাবে এন" স্বতন্ত্র "রঙ তৈরি করা যায়? "

— আলেক্সি পপকভ

গেমদেবের আরও একটি প্রাসঙ্গিক প্রশ্ন, আকর্ষণীয় উত্তর সহ: 10 খেলোয়াড়ের জন্য কি রঙের একটি সর্বোত্তম সেট রয়েছে?

— ফ্রেপা

15

এই প্রশ্নটি সম্পর্কে আরও তথ্যের সন্ধান করতে (এটি এমন কিছু যা আমি এর সাথেও লড়াই করেছি) আমি এই ব্লগটি পেয়েছি । স্টিফানো ম্যাজোচচি তার তত্ত্বটি ব্যাখ্যা করেছেন যে প্রোগ্রামাররা ইউআই ডিজাইনের জন্য রঙ বাছতে কেন স্তন্যপান করে এবং কিছু সহায়ক পরামর্শ এবং লিঙ্ক সরবরাহ করে।

তিনি যে প্রথম পরামর্শটি দিচ্ছেন তা হ'ল এই স্পষ্ট সত্যটি হ'ল রঙিন ও স্যাচুরেশন বাছাইয়ের ভিত্তি স্থাপন করে:

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

অগ্রভাগ এবং ব্যাকগ্রাউন্ডের জন্য কীভাবে রঙ চয়ন করবেন এটি এটি প্রথম সূত্র সরবরাহ করে - কম গুরুত্বপূর্ণ তথ্যের মধ্যে কম কনট্রাস্ট ব্যবহার করা উচিত এবং আরও গুরুত্বপূর্ণ তথ্যের উচ্চতর বিপরীতে ব্যবহার করা উচিত।

প্রথম লিঙ্কটি কালার স্কিম ডিজাইনারের , কুলারের অনুরূপ সাইট। কুলারের মতো এটি একটি সহজ ইন্টারেক্টিভ সরঞ্জাম, তবে এটি কীভাবে রঙ বাছাই করা উচিত, অর্থাত্ কোনটি সবুজ বা ব্লুজ ইত্যাদি দিয়ে কাজ করে তা কোনও অন্তর্দৃষ্টি দেয় না

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

একটা শেষ লিংক স্টেফানো এর ব্লগ উল্লেখ একটি সাইট নামক হয় রঙ প্রবণতা + + প্যালেট :: COLOURlovers । এই সাইটটি রঙিন স্কিম ডিজাইনার বা কুলারের চেয়ে রঙ বাছাইয়ের জন্য অ্যালগরিদম সন্ধানে আর কোনও সহায়তা দেয় না, তবে এটি নির্দিষ্ট রঙ এবং প্যালেটগুলির আমাদের ক্ষণিকের উপভোগের বর্তমান পরিবর্তনের কম পরিমাপযোগ্য গুণকে জোর দেয়। আপনি যদি আপনার ইউআই সর্বশেষ প্রবণতাগুলি প্রতিবিম্বিত করতে চান তবে এটি দেখার পক্ষে উপযুক্ত।

আবার, নাসার ওয়েবসাইটটি দেখুন এবং সেখান থেকে কয়েকটি পৃষ্ঠাগুলি পড়ুন, বিশেষত রঙ বিজ্ঞান সম্পর্কিত , এবং আপনার একসাথে কাজ করে এমন রং বাছাইয়ের জন্য একটি কার্যকর অ্যালগরিদম নিয়ে আসতে সক্ষম হতে হবে এবং পছন্দসই বৈপরীত্য সরবরাহ করতে হবে।

সম্পাদনা: আমি এগুলি খুঁজে পাওয়ার সাথে সাথে আমি এই অঞ্চলে অতিরিক্ত সহায়ক লিঙ্কগুলি যুক্ত করব।

— oosterwal
সূত্র

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

— daniel.sedlaysk

9

রঙ উত্পাদনের সরঞ্জামগুলি যতদূর যায়, আমি http://kuler.adobe.com সেরা পছন্দ করি ।

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

আপনি যখন সাইটে কোনও রঙ প্যালেট (5 রঙ) তৈরি করেন, তখন আপনার বিকল্পগুলি অ্যানালগাস, একরঙা, ট্রায়ড, পরিপূরক, যৌগিক এবং ছায়া গো। অবশ্যই আপনি নিজের রঙগুলিকে স্বয়ংক্রিয় উত্পাদন করার পরিবর্তে কাস্টমাইজ করতে পারেন। প্রতিটি রঙের ব্লক আপনাকে আরজিবি এবং হেক্স (পাশাপাশি সিএমওয়াইকে / এইচএসভি / ল্যাব) এর সংখ্যাসূচক মানগুলি দেখায়।

কীভাবে পরিপূরক বা আনুষাঙ্গিক রঙ তৈরি করা যায়?

এতে আরও কিছুটা রঙের তত্ত্বের জ্ঞান জড়িত। আপনি এখানে একটি সুন্দর (বেসিক) ব্যাখ্যা চেক করতে পারেন । রঙ চাকা দেখুন।

কীভাবে প্যাস্টেল, ঠান্ডা এবং উষ্ণ রঙ তৈরি করা যায়?

সাধারণভাবে, প্যাস্টেল রঙগুলি "নরম রঙ"। এগুলি একটি রঙের উচ্চ এবং নিম্ন বর্ণালী। কুলারের ব্যবহারকারীর প্যাস্টেল কালার বিভাগটি উত্পন্ন হয়েছে ।

এলোমেলো তবে স্বতন্ত্র রংগুলির সংখ্যা কীভাবে উত্পন্ন করা যায়?

আপনার চার্টিংয়ের উদ্দেশ্যে, আমি নিশ্চিত না যে এলোমেলো রঙগুলি কাজ করবে। প্রতিটি রঙ পছন্দ হাত বাছাই করা উচিত।

কীভাবে হেক্স ট্রিপলেট (ওয়েব রঙ) এ সমস্ত অনুবাদ করবেন?

বেশিরভাগ গ্রাফিকাল সফ্টওয়্যার রঙের জন্য হেক্স মান প্রদর্শন করে। হেক্স হ'ল একটি আরজিবি স্ট্রিং যা ## (লাল), ## (সবুজ), ## (নীল) দিয়ে তৈরি।

উদাহরণস্বরূপ, খাঁটি লাল হল FF0000, খাঁটি নীল # 0000FF। বেগুনি (আপনি লাল এবং নীল মিশ্রণ থেকে পান) হ'ল # FF00FF।

যেহেতু আপনি চার্ট তৈরি করবেন, আমি অনুপ্রেরণার জন্য নিম্নলিখিত ব্লগগুলিতে দেখার পরামর্শ দিচ্ছি:

http://infosthetics.com

http://flowingdata.com

আপনার যদি সময় থাকে তবে কালার থিওরিতে পাঠের মাধ্যমে পড়ুন

— জীন
সূত্র

দীর্ঘ মন্তব্যের জন্য ধন্যবাদ তবে এটি আমার কোনও প্রশ্নের উত্তর দেয় না। আমার সত্যিই এলোমেলো রঙ উত্পন্ন করতে হবে, কুলার আমার পক্ষে দুর্দান্ত তবে অকেজো এবং আমি এই ব্লগগুলি সিন্ডিকেট করছি :) :)

— daniel.sedlaysk

এই "রঙ তত্ত্ব জ্ঞান" লিঙ্কটি প্রাথমিক রঙগুলিকে লাল, হলুদ এবং নীল হিসাবে সংজ্ঞায়িত করে। সর্বশেষে আমি যাচাই করেছি, সংযোজনযুক্ত প্রাথমিকগুলি লাল, সবুজ এবং নীল এবং বিয়োগাত্মক প্রাথমিকগুলি হল সায়ান, ম্যাজেন্টা এবং হলুদ। তাহলে লাল, হলুদ এবং নীল সেটটি কোথা থেকে আসে?

— স্টিভ 314

@ স্টিভ 314, আরওয়াইবি মডেলটি শিল্পের জন্য ব্যবহৃত হয়। দেখুন: en.wikedia.org/wiki/RYB_color_model

— জিন

ধন্যবাদ। আমি খুশি যে আমি এই প্রশ্নের উত্তর দিয়েছি - আমি ভান করতে পারি আমি এখন বোকা হইনি।

— স্টিভ 314

4

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

আমি যে ধারণাটি নিয়ে এসেছি তা হ'ল একটি বিড়বিড় করে কৌশল। রঙের একটি বৃত্তের কল্পনা করুন (প্রতিটি একই তাত্পর্য এবং উজ্জ্বলতার সাথে আলাদা আলাদা রঙ হতে পারে, যদিও আপনি যে কোনও বৃত্তের স্পেসের মাধ্যমে কোনও বৃত্তকে সংজ্ঞায়িত করতে পারেন)। সেই বৃত্তের জন্য ডিগ্রিতে একটি কোণ দেওয়ার পরিবর্তে শূন্যের 255 হতে হবে b (প্রযুক্তিগত ভাষায়, সংযোজন এবং বিয়োগফলটি 256 মডিউল)।

কৌশলটি হ'ল আপনি যখন এই নম্বরগুলিকে বিট-রিভার্স করার জন্য রঙ শূন্য, রঙ এক ইত্যাদি নির্বাচন করেন। সি তে এটি করতে আমি ব্যবহার করতাম ...

value = ((value & 0x0F) << 4) | ((value & 0xF0) >> 4);
value = ((value & 0x33) << 2) | ((value & 0xCC) >> 2);
value = ((value & 0x55) << 1) | ((value & 0xAA) >> 1);

সুতরাং 0, 1, 2, 3, 4 অনুক্রম 0, 128, 64, 192, 32 এ রূপান্তরিত হয়।

মুল বক্তব্যটি হ'ল আপনার 256 টি স্বতন্ত্র রঙ রয়েছে এবং প্রথম দিকের রঙগুলি খুব বেশি বিস্তৃত হয়, পরে রঙগুলি কম বিস্তৃতভাবে ফাঁক হয়ে যায় এবং শূন্যস্থান পূরণ করে (64 থেকে 0 এবং 128 এর মধ্যে অর্ধপথ হয়, 32 আধা পথ হয় 0 এবং 64 ইত্যাদির মধ্যে)।

কোনও নির্দিষ্ট "কোণ" এর জন্য যে কোনও বিট-প্রস্থ কাজ করবে যদি আপনি বিট-বিপরীতটি মানিয়ে নিয়ে যান এবং অবশ্যই আপনি রঙের বিভিন্ন পরামিতিগুলির জন্য একবারে একাধিক চক্র চালাতে পারেন (সম্ভবত হিউ দ্রুত স্পিন করে, তবে স্যাচুরেশন আরও ধীরে ধীরে স্পিন করে)।

এটি কেবলমাত্র আপনার "কোণগুলি" নির্দিষ্ট আরজিবি নম্বরগুলিতে কীভাবে ম্যাপ করবেন বা যে কোনও বিষয়ে আমি কোনও বিশেষজ্ঞ নই - ওহ, এবং অ্যাকশনস্ক্রিপ্ট বিট-ফিডলিকে সমর্থন করে কিনা এই প্রশ্নটি ছেড়ে দেয়।

— Steve314
সূত্র

মুগ্ধ করার কৌশল! +1 টি। কিন্তু অনুরূপ, আকর্ষণীয় প্রশ্ন থেকে একটি সতর্কবার্তা gamedev.stackexchange এবং Stackoverflow : রঙ উপলব্ধি, অ-রৈখিক তাই কোণ একই পরিবর্তন কিছু রঙের জন্য একটি বৃহৎ পরিবর্তন এবং অন্যদের জন্য একটি খুব ছোট পরিবর্তন হতে পারে।

— ফ্রেপা

@ ফ্রেপা - সত্য, আপনি যদি আরজিবিতে কমপক্ষে কীভাবে ম্যাপ করবেন তা যত্নবান না হওয়াতে - আরজিবিতে একটি তুচ্ছ ম্যাপিং সম্ভবত বেশিরভাগ কারণে ভাল ফলাফল দেয় না good আমি সমস্যাটি সম্পর্কে সচেতন, কিন্তু যেমনটি আমি বলেছিলাম, আমি এতে কোনও বিশেষজ্ঞ নই - আমার সম্ভবত কমপক্ষে বলা উচিত ছিল যে ইস্যুটিতে বিভিন্ন বর্ণের স্থান এবং তাদের মধ্যে রূপান্তর জড়িত রয়েছে, যদিও।

— স্টিভ 314

3

এটির উপর একটি আকর্ষণীয় স্ট্যাক ওভারফ্লো প্রশ্ন রয়েছে " রঙের চাকা তৈরির জন্য কার্য "। আপনি প্রস্তাবিত একটি কাগজও পড়তে চাইতে পারেন (পিডিএফ)।

— গ্যারি রো
সূত্র

আমি এই প্রশ্নটি জিজ্ঞাসা করার আগেই আমি বিশেষত এসই এবং প্রোগ্রামারগুলির মধ্যে পার্থক্য ( meta.stackexchange.com/questions/68384/… ) পরীক্ষা করেছি :) :) ধন্যবাদ, আমি এটি যাচাই করব, তবে আমি এটিকে আমার প্রশ্নের উত্তর হিসাবে বিবেচনা করি না। পিএস: +1

— ড্যানিয়েল.সেসলেসেক

2

এই প্রশ্নটি আমাকে মুগ্ধ করেছে তাই আমি কিছু গুগল করা শুরু করি। :) অভিজ্ঞতার ভিত্তিতে কোনও উত্তর আশা করবেন না।

মূলত, রঙের সাথে গণনা করার জন্য, কোনও রঙ চাকাতে অপারেশন করা ভাল, যা এইচএসএল ফর্ম্যাটে প্রতিনিধিত্ব করা হয় ।

এই পোস্টের লেখক যথেষ্ট পরিমাণে ছিলেন আরজিবিকে এইচএসএল রূপান্তর করার বিষয়ে কিছু তথ্য এবং কীভাবে পরিপূরক রঙগুলি গণনা করতে পারে সে সম্পর্কে নমুনা কোড সরবরাহ করেছিলেন।

আপনি যদি ভাগ্যবান হন তবে আপনাকে এগুলির কোনওটি বোঝার দরকার নেই, যদি নিম্নলিখিত 3 টি অদ্ভুতভাবে AS3 গ্রন্থাগার আপনার জন্য কাজ করে।

— স্টিভেন জিউরিস
সূত্র

এদিকে আমি আরও গবেষণা করেছি এবং আমি একই সিদ্ধান্তে পৌঁছেছি! (আমি এইচএসএল এর চেয়ে এইচএসভি পছন্দ করি ব্যতীত)। লিঙ্কগুলির জন্য ধন্যবাদ, রঙিন জিজ্জে দুর্দান্ত লাগছে! PS: +1

— daniel.sedlaysk

1

আমি নিম্নলিখিত কোড ব্যবহার করেছি। দ্রষ্টব্য: এটি চোখ / মস্তিষ্ক কীভাবে কাজ করে সে সম্পর্কে কোনও তত্ত্ব ব্যবহার করে না, আমি কেবল লাল + সবুজ + নীল = 1 রঙের একটি তালু তৈরি করতে সক্ষম হতে চেয়েছিলাম এবং রঙগুলি প্রায় সমানভাবে ফাঁক করা থাকে। "আমি" পরামিতিটি হ'ল মোট সম্ভাব্য সংখ্যাগুলির মধ্যে রঙ। এটি প্রায় 91 ইশ নাম্বারে কাজ করে। নোট করুন আমাকে শূন্য থেকে নাম্বার -1 এ চালানো উচিত। অন্যান্য জিনিসগুলি সম্ভব, উপরোক্ত প্রতিবন্ধকতাগুলি বেশ স্বেচ্ছাসেবী, তবে কমপক্ষে এটি স্বতন্ত্র রঙ তৈরি করে - কারণ আপনার সেগুলির খুব বেশি প্রয়োজন নেই।

void select_color(int me,int num){
  int s[14]={0,1,3,6,10,15,21,28,36,45,55,66,78,91};
  int j,nrows=0,irow=0,jcol=0;
  float del,red,grn,blu;
// we build a red/green triangle with an area>=num
  for(j=0;j<14;j++)if(me>=s[j])irow=j;
  for(j=13;j>0;j--)if(num<=s[j])nrows=j;
  jcol=me-s[irow];
  del=1./(nrows-.9);
  red=1.-del*irow;
  grn=del*jcol;
  blu=1.-red-grn;
  glColor3f(red,grn,blu);
}

আবার এটি কোনও রঙ তত্ত্ব ব্যবহার করে না, তাই কোনও আংশিক বর্ণ অন্ধত্বের সাথে আপনি যদি মাঝে মাঝে ব্যবহারকারীর সাথে সম্পর্কিত হন তবে কোনও ঘড়ির মধ্যেই স্পষ্টতাই অনুকূলিত হওয়ার উপযুক্ততা নেই।

আপনি প্রাথমিক বর্ণের পরিবর্তনযোগ্যগুলি এলোমেলো সংখ্যায়ও সেট করতে পারেন তবে এগুলি দৃশ্যত পৃথক সেট গঠনের সম্ভাবনা কম less

— ওমেগা সেন্টোরি
সূত্র

0

অতীতে, আমি হাতে হাতে 20 বা ততোধিক রঙ উত্পন্ন করার পরিবর্তে এটি তৈরি করার চেষ্টা করেছি। আপনার গ্রাফগুলি খুব জটিল না হলে সাধারণত আপনার আরও বেশি প্রয়োজন হয় না। এই পদ্ধতিটি সহজ হলেও, আপনাকে আপনার গ্রাফের একই উপাদানগুলিতে একই রঙ নির্ধারণ করতে দেয় (উদাহরণস্বরূপ, আপনি সর্বদা 'বিক্রয়' একই রঙ তৈরি করতে পারেন, গ্রাফগুলি ব্যাখ্যা করার জন্য সহজ করে তোলে)।

— GrandmasterB
সূত্র

0

আমি ফটোগুলি থেকে রঙ নমুনা পছন্দ । ডিজাইনার হিসাবে আমি নিজেই এটি করি। প্রোগ্রামার হিসাবে আমি সাধারণত একটি এলোমেলো পিক্সেল বাছাই করি। আপনি যদি আরও নিয়ন্ত্রণ চান তবে আপনি নিজের 'ফটো' তৈরি করতে পারেন যা কোনও নির্দিষ্ট নিয়মের সাথে মেনে চলে।

— লেস
সূত্র

0

আমি সবসময় ভিসিবিনের অনলাইন ইউটিলিটিগুলি পছন্দ করেছি কারণ আপনি একাধিক রঙ নির্বাচন করতে পারেন এবং ইন্টারেক্টিভভাবে মূল্যায়ন করতে পারেন যে তারা একে অপরের সাথে কতটা খারাপভাবে সংঘর্ষে লিপ্ত: http://www.visibone.com/colorlab/

আমি বলি তারা কতটা খারাপভাবে সংঘর্ষের কারণ আমি রঙের বিপরীতে পরিচিত কারণ এটি "অ্যানালগ" শিল্পের সাথে প্রযোজ্য এবং ডিজিটাল আর্টে একে অপরের সাথে সংঘর্ষের জন্য যে রঙটি বেছে নিয়েছিল তা আমি কতটা খারাপভাবেই অবাক হয়েছিল। (স্পষ্টতই আমি যদিও ডিজাইনার নই)

— frogstarr78
সূত্র