কালার শেডস জেনারেটর

তথ্যসূত্র

টিন্ট ও শেড কী?

রঙ তত্ত্বে, একটি টিন্ট হলো সাদার সাথে মিশ্রিত যেকোনো রঙ (হালকা করে), এবং একটি শেড হলো কালোর সাথে মিশ্রিত যেকোনো রঙ (গাঢ় করে)। একসাথে, এগুলো একটি একরঙা প্যালেট গঠন করে — বিভিন্ন হালকাতা স্তরে একটি একক হিউ-এর বিভিন্নতা। এই টুল আপনার বেস কালারের মধ্য দিয়ে সাদা থেকে কালো পর্যন্ত একটি সম্পূর্ণ স্কেল তৈরি করে, ডিজাইন ও ডেভেলপমেন্টের জন্য একটি ব্যবহারযোগ্য কালার র‍্যাম্প দেয়।

কালার শেডের ব্যবহারের ক্ষেত্র

ডিজাইন সিস্টেম — একটি ব্র্যান্ড রঙের জন্য 9-ধাপ বা 11-ধাপের শেড স্কেল তৈরি করুন, Tailwind CSS (50–950), Material Design এবং বেশিরভাগ আধুনিক ডিজাইন সিস্টেম দ্বারা ব্যবহৃত প্যাটার্ন অনুসরণ করে। UI কম্পোনেন্ট স্টেট — ব্যাকগ্রাউন্ড এবং হোভার স্টেটের জন্য হালকা টিন্ট, প্রাইমারি অ্যাকশনের জন্য বেস কালার, এবং টেক্সট, বর্ডার ও অ্যাক্টিভ স্টেটের জন্য গাঢ় শেড ব্যবহার করুন। ডেটা ভিজ্যুয়ালাইজেশন — কোরোপ্লেথ মানচিত্র, হিটম্যাপ এবং চার্টের জন্য ক্রমিক হালকা-থেকে-গাঢ় রঙের স্কেল তৈরি করুন যেখানে তীব্রতা মাত্রা উপস্থাপন করে। অ্যাক্সেসিবিলিটি — WCAG কন্ট্রাস্ট রেশিও প্রয়োজনীয়তা (সাধারণ টেক্সটের জন্য 4.5:1, বড় টেক্সটের জন্য 3:1) পূরণ করে এমন শেড জোড়া খুঁজুন।

শেড কীভাবে তৈরি হয়

শেড সাদা (#FFFFFF) থেকে বেস কালারের মধ্য দিয়ে কালো (#000000) পর্যন্ত RGB স্পেসে লিনিয়ারলি ইন্টারপোলেট করে তৈরি হয়। N শেডের জন্য, বেস কালার স্কেলের মধ্যবিন্দুতে থাকে। প্রতিটি ধাপ সমানভাবে ব্লেন্ড করে, সামঞ্জস্যপূর্ণ হালকাতার অগ্রগতি তৈরি করে। আউটপুট HEX, RGB এবং HSL ফরম্যাটে পাওয়া যায় — পৃথক মান বা সম্পূর্ণ প্যালেট একসাথে কপি করুন।

গোপনীয়তা

সমস্ত রঙ জেনারেশন ১০০% আপনার ব্রাউজারে সম্পন্ন হয়। কোনো ডেটা সার্ভারে পাঠানো হয় না।