How to generate a Color palette & Accent color & background color for your next UI design-02.

Jahidul Bin Rafiq
3 min readJul 9, 2022

--

গত পর্বে কিভাবে Color palette প্রস্তুত করতে হয়, এই সম্পর্কে বিস্তারিত আলোচনা করেছিলাম ।আর যদি না পড়ে থাকেন নিচের লিংকে ক্লিক করে বিস্তারিত পড়ে আসতে পারেন ।

কিভাবে accent Color এবং background color রেডি করা যাই সেই বিষয় নিয়ে বিস্তারিত আলোচনা করবো এখানে ।

প্রথমে accent color কিভাবে জেনারেট করার স্টেপস সম্পর্কে জানবো তারপরে কিভাবে background কালার জেনারেট করতে হয় সেই সম্পর্কে জানবো ।

প্রথমে জেনে নেওয়া যাক accent color UI design এর কোথায় ব্যবহার করা হয়

accent color ব্যবহার করা হয় লিংক ,বাটন ,progress bar ,call to actions বা কোন ইনফরমেশন হাইলাইট করার জন্য ।

accent color রেডি করার জন্য আপনি চাইলে monochromatic harmony, analogous harmony, complementary harmony পদ্ধতি ব্যবহার করতে পারেন।

আবার অনেক designer secondary color কে accent color হিসাবে ব্যবহার করে থাকে ।

এখন জেনে নেওয়া যাক accent color রেডি করার সিক্রেটটা ।

Follow Accent Color generate steps:

Step 1: Pick the base color or primary color [Color mode must be HSB format]

Step 2: Hue সঙ্গে ৩০ থেকে ৪০ মাঝে যে কোন পয়েন্ট বা ভ্যালু যোগ বা বিয়োগ করতে হবে ।

Step 3: brightness value সঙ্গে ৫ থেকে ১০ পয়েন্ট যোগ বা করতে হবে ।

Accent color :

এখন সময় হইসে কিভাবে background color রেডি করতে হয় তার সিক্রেটটা জানার ।

আপনি চাইলে নিচের ৩টা স্টেপস ফলো করে সহজে background কালার প্রস্তুত করতে পারেন ।

Background Color generate steps:

Step 1: Pick the base color or primary color [Color mode must be HSB format]

Step 2: Saturation value অবশ্যই ৩ থেকে ৫ এর মাঝে হতে হবে।

Step 3: brightness value অবশ্যই ৯৫ থেকে ১০০ এর মাঝে হতে হবে

Background color :

আজ এতোটুকু থাক ।আরেকদিন অন্য কিছু নিয়ে আলোচনা হবে ।

🎺🎸 🎻 !!!Happy Learning !!!🎺🎸 🎻….

--

--