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