কালার স্কেল কী?
কালার স্কেল হলো একই হিউয়ের শেডগুলোর একটি সাজানো সেট, প্রথা অনুযায়ী ৫০ থেকে ৯০০ পর্যন্ত সংখ্যায়িত। ধাপগুলো চোখে সমান দেখায় এবং নির্দিষ্ট জোড়া পরিচিত কনট্রাস্ট অনুপাত মেনে চলে, ফলে যেকোনো হেক্স মানের বদলে ভূমিকা ও ধাপ ধরে রং বাছা যায়।
নম্বর দেওয়ার রীতি
বেশিরভাগ ব্যবস্থা স্কেলে ৫০ (সবচেয়ে হালকা) থেকে ৯০০ বা ৯৫০ (সবচেয়ে গাঢ়) পর্যন্ত, ১০০ ধাপে নম্বর দেয়। রীতিটি এসেছে Material Design থেকে এবং Tailwind একে দৃঢ় করেছে, আর এখন এটি যথেষ্ট প্রচলিত বলে অনুসরণ করাই ভালো।
--blue-50: #EFF6FF
--blue-100: #DBEAFE
...
--blue-500: #3B82F6
...
--blue-900: #1E3A8A
ভাগ করা রীতির মূল্য হলো, "বর্ডারে blue-600 ব্যবহার করুন" কথাটি একজন ডিজাইনার, একজন ডেভেলপার আর একটি AI সহকারীর কাছে একই অর্থ বহন করে।
ভালো স্কেল কী দিয়ে হয়
উপলব্ধিতে সমতা। ধাপগুলো সমান দূরত্বে দেখাতে হবে। sRGB-তে ইন্টারপোলেশন এটি অর্জন করে না — তাতে এমন স্কেল হয় যা মাঝখানে জড়ো হয়ে যায় আর কিছু হিউতে ঘোলাটে হয়। OKLCH-এর মতো উপলব্ধিতে সমসত্ত্ব একটি স্পেসে কাজ করলে ফল লক্ষণীয়ভাবে ভালো হয়।
অনুমেয় কনট্রাস্ট। ভালোভাবে গড়া স্কেলে কিছু জোড়া নির্ভরযোগ্য: ধাপ ৫০-এর উপর ধাপ ৬০০ বা তার বেশি মূল লেখায় AA ধরে রাখে, ৫০০ বড় লেখার জন্য চলে। এই সম্পর্কগুলো টিকলে সাধারণ জোড়াগুলোতে মানুষ আর হাতে কনট্রাস্ট মেলাতে বসে না।
হিউ ধারাবাহিক। সরলভাবে উজ্জ্বলতা বদলালে প্রান্তে হিউ সরে যায়। নীল গাঢ় হতে হতে বেগুনির দিকে যায়, হলুদ সবুজের দিকে। পুরো স্কেল জুড়ে উপলব্ধ হিউ স্থির রাখতে ইচ্ছাকৃত সংশোধন লাগে।
কয় ধাপ
দশ (৫০ থেকে ৯০০) প্রচলিত ডিফল্ট এবং বেশিরভাগ পণ্যের জন্য যথেষ্ট। কিছু ব্যবস্থা এগারো ব্যবহার করে, ৯০০-র নিচে কিছু দরকার এমন ডার্ক থিমের জন্য ৯৫০ যোগ করে।
মোটামুটি সাতের কম হলে এমন ফাঁক থেকে যায় যেখানে কারও এমন একটি শেড দরকার হয় যা নেই — আর ঠিক সেখানেই ড্রিফট শুরু হয়।
একটি ব্যবস্থার যে স্কেলগুলো দরকার
- ব্র্যান্ডের রঙের জন্য একটি প্রাইমারি স্কেল
- একটি নিউট্রাল বা ধূসর স্কেল, যা বাকি সবগুলোর যোগফলের চেয়েও বেশি ব্যবহৃত হয়
- সাফল্য, সতর্কতা, ত্রুটি ও তথ্যের জন্য সিমান্টিক স্কেল
- প্রয়োজনে একটি সেকেন্ডারি বা অ্যাকসেন্ট স্কেল
সবচেয়ে বেশি মনোযোগ পাওয়ার যোগ্য নিউট্রাল স্কেল, কারণ ইন্টারফেসের বেশিরভাগ আসলে সেখানেই থাকে। ধূসরে সামান্য একটু আভা, উষ্ণ বা শীতল, প্রায়ই একটি ভেবেচিন্তে করা ইন্টারফেস আর একটি ডিফল্ট ইন্টারফেসের মধ্যে পার্থক্য গড়ে দেয়।
Flash DSM এখানে কোথায়
তৈরি হওয়া ব্যবস্থাগুলোতে প্রাইমারি, সেকেন্ডারি, নিউট্রাল ও সিমান্টিক রঙের সম্পূর্ণ স্কেল থাকে, যা উপলব্ধিতে সমসত্ত্ব একটি স্পেসে তৈরি, হালকা ও গাঢ় সংস্করণসহ, আর জোড়া ধরে কনট্রাস্ট যাচাই করা।