রং রূপান্তর
#b400ff
≈ Electric Violet
ভিন্নতা
এই অংশের উদ্দেশ্য হল তোমার নির্বাচিত রঙের বিশুদ্ধ সাদা যোগ করে টিন্টস এবং বিশুদ্ধ কালো যোগ করে শেডস ১০% বৃদ্ধি করে সঠিকভাবে তৈরি করা।
প্রো টিপ: হোভার স্টেট এবং শ্যাডোর জন্য শেডস ব্যবহার করো, হাইলাইট এবং ব্যাকগ্রাউন্ডের জন্য টিন্টস ব্যবহার করো।
শেডস
তোমার বেস রঙে কালো যোগ করে গাঢ় ভিন্নতা তৈরি করা হয়েছে।
টিন্টস
তোমার বেস রঙে সাদা যোগ করে হালকা ভিন্নতা তৈরি করা হয়েছে।
সাধারণ ব্যবহার ক্ষেত্র
- • UI কম্পোনেন্ট স্টেট (হোভার, অ্যাক্টিভ, নিষ্ক্রিয়)
- • শ্যাডো এবং হাইলাইট দিয়ে গভীরতা তৈরি করা
- • সঙ্গতিপূর্ণ রঙের সিস্টেম তৈরি করা
ডিজাইন সিস্টেম টিপ
এই ভিন্নতাগুলি একটি সামঞ্জস্যপূর্ণ রঙের Palette এর ভিত্তি তৈরি করে। তোমার পুরো প্রকল্প জুড়ে সামঞ্জস্য বজায় রাখতে এগুলি এক্সপোর্ট করো।
রঙের সংমিশ্রণ
প্রতিটি সাদৃশ্যের নিজস্ব মেজাজ আছে। একসাথে ভাল কাজ করে এমন রঙের কম্বো নিয়ে চিন্তা করতে সাদৃশ্য ব্যবহার করো।
কিভাবে ব্যবহার করবেন
যেকোনো রঙে ক্লিক করে তার hex মান কপি করো। এই সংমিশ্রণগুলি গাণিতিকভাবে প্রমাণিত যে তারা ভিজ্যুয়াল সাদৃশ্য তৈরি করে।
কেন এটা গুরুত্বপূর্ণ
রঙের সাদৃশ্য ভারসাম্য তৈরি করে এবং তোমার ডিজাইনে নির্দিষ্ট আবেগ উদ্রেক করে।
পরিপূরক
একটি রঙ এবং তার বিপরীত রঙ চাকা, +180 ডিগ্রি হিউ। উচ্চ বৈপরীত্য।
বিভক্ত-পরিপূরক
একটি রঙ এবং তার পরিপূরকের সাথে সংলগ্ন দুটি, মূল রঙের বিপরীত মান থেকে +/-30 ডিগ্রি হিউ। সরাসরি পরিপূরকের মতো সাহসী, কিন্তু আরও বহুমুখী।
ত্রিকোণ
রঙ চাকার উপর সমানভাবে স্থানান্তরিত তিনটি রঙ, প্রতিটি 120 ডিগ্রি হিউ দূরে। একটি রঙকে প্রাধান্য দিতে দাও এবং অন্যগুলোকে অ্যাকসেন্ট হিসেবে ব্যবহার করো।
সাদৃশ্য
একই উজ্জ্বলতা এবং স্যাচুরেশনের তিনটি রঙ যেগুলো রঙ চাকার উপর সংলগ্ন, 30 ডিগ্রি দূরে। মসৃণ স্থানান্তর।
একবর্ণ
একই হিউয়ের তিনটি রঙ যাদের উজ্জ্বলতা মান +/-50%। সূক্ষ্ম এবং পরিশীলিত।
চতুর্ভুজ
দুটি সেটের পরিপূরক রং, যা ৬০ ডিগ্রি হিউ দ্বারা পৃথক।
রঙ তত্ত্বের নীতিমালা
ভারসাম্য
একটি প্রধান রঙ ব্যবহার করো, সহায়ক হিসেবে দ্বিতীয় রঙ এবং অল্প পরিমাণে অ্যাকসেন্ট।
বৈপরীত্য
পাঠযোগ্যতা এবং অ্যাক্সেসিবিলিটির জন্য যথেষ্ট বৈপরীত্য নিশ্চিত করো।
সামঞ্জস্য
রঙগুলো একসাথে কাজ করা উচিত যাতে একটি ঐক্যবদ্ধ ভিজ্যুয়াল অভিজ্ঞতা তৈরি হয়।
রঙের কনট্রাস্ট চেকার
টেক্সট পড়ার যোগ্যতা নিশ্চিত করতে WCAG অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ড পূরণের জন্য রঙের সংমিশ্রণ পরীক্ষা করো।
টেক্সটের রঙ
ব্যাকগ্রাউন্ডের রঙ
কনট্রাস্ট
WCAG স্ট্যান্ডার্ড
উন্নত কনট্রাস্ট চেকার
স্লাইডার, একাধিক প্রিভিউ এবং আরও অনেক কিছু দিয়ে সূক্ষ্ম-টিউন করো
সবাই প্রতিভাবান। কিন্তু যদি তুমি একটি মাছকে তার গাছে ওঠার ক্ষমতা দিয়ে বিচার করো, তাহলে সে তার পুরো জীবন ধরে বিশ্বাস করবে যে সে বোকা।