একটি রঙ থেকে টিন্ট ও শেডের সম্পূর্ণ পরিসর তৈরি করুন — গাঢ়/হালকা করার ধাপ ও শেড সংখ্যা বেছে নিন, তারপর যেকোনো মান তাৎক্ষণিকভাবে কপি করুন।

বেস রঙ
ধাপ
%
প্রতিটি শেড প্রতি ধাপে কতটুকু হালকা/গাঢ় হয় (১–২৫%)।
শেড সংখ্যা
বেস রঙের প্রতিটি পাশে কতটি টিন্ট ও শেড তৈরি করতে হবে।
গ্রেডিয়েন্ট
তৈরি শেড

একটি বেস রঙ, একটি ধাপ শতাংশ ও একটি সংখ্যা বেছে নিন — প্রতিটি টিন্ট ও শেড আপনার ব্রাউজারে তাৎক্ষণিকভাবে গণনা করা হয়।


কালার শেডস জেনারেটর সম্পর্কে

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

দুটি নিয়ন্ত্রণ আউটপুট আকার দেয়: ধাপ শতাংশ ঠিক করে প্রতিটি শেড কতটা হালকা বা গাঢ় হবে (প্রতি ধাপে ১–২৫%), আর সংখ্যাটি ঠিক করে বেসের প্রতিটি পাশে কতগুলো টিন্ট ও শেড দেখাবে, সর্বোচ্চ দশটি পর্যন্ত। একটি গ্র্যাডিয়েন্ট স্ট্রিপ এক নজরে পুরো র‍্যাম্প দেখায়।

আপনি টাইপ করার সাথে সাথে জেনারেশন তাৎক্ষণিকভাবে আপনার ব্রাউজারে হয় — কিছুই সার্ভারে পাঠানো হয় না। যেকোনো একক মান, পুরো তালিকা, বা পুরো র‍্যাম্প CSS ভ্যারিয়েবল হিসেবে কপি করুন, যা একটি ডিজাইন-টোকেন ফাইল বা Tailwind-স্টাইল কালার স্কেলে সরাসরি বসিয়ে দেওয়া যায়।

কালার শেডস জেনারেটর কীভাবে ব্যবহার করবেন

  1. পিকার দিয়ে একটি বেস রঙ বেছে নিন বা একটি মান টাইপ করুন; অনুপ্রেরণার জন্য "Random color"-এ ক্লিক করুন।
  2. প্রতিটি শেড কতটা তীব্রভাবে হালকা বা গাঢ় হবে তা নিয়ন্ত্রণ করতে ধাপ শতাংশ সেট করুন।
  3. প্রতিটি পাশে কতগুলো টিন্ট ও শেড দেখাবে তা ঠিক করতে শেড সংখ্যা বেছে নিন।
  4. একটি সোয়াচে ক্লিক করে কপি করুন, বা পুরো র‍্যাম্পের জন্য "Copy all" এবং "Copy CSS variables" ব্যবহার করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

হ্যাঁ, সম্পূর্ণ ফ্রি। সব টিন্ট ও শেড আপনার ব্রাউজারে লাইভ হিসাব করা হয়, তাই কোনো খরচ নেই, অ্যাকাউন্ট নেই, এবং আপনি কতগুলো র‍্যাম্প তৈরি করবেন তার কোনো সীমা নেই।

টিন্ট হলো আপনার বেস রঙ সাদার দিকে মেশানো (হালকা), আর শেড হলো বেস রঙ কালোর দিকে মেশানো (গাঢ়)। জেনারেটর একইসাথে দুই দিকেই তৈরি করে, যা আপনার বেস রঙের চারপাশে "Tints (lighter)" এবং "Shades (darker)" লেবেল দিয়ে চিহ্নিত।

প্রতি পাশে ৪ বা ৫ সংখ্যা সেট করুন যাতে মোট নয় থেকে এগারোটি সোয়াচ পাওয়া যায়, আপনার বেসটি মাঝখানে থাকবে। প্রায় ৮–১০% ধাপ সাধারণত জনপ্রিয় ফ্রেমওয়ার্কে ব্যবহৃত 50–900 স্কেলের মতো ব্যবধান দেয়।

ছোট ধাপ (৩–৬%) সূক্ষ্ম হোভার ও বর্ডার ভ্যারিয়েশন দেয়; মাঝারি ধাপ (৮–১২%) সম্পূর্ণ ডিজাইন-সিস্টেম র‍্যাম্পের জন্য উপযুক্ত; বড় ধাপ (১৫–২৫%) উচ্চ-কনট্রাস্ট, পোস্টার-সদৃশ সেট তৈরি করে। গ্র্যাডিয়েন্ট প্রিভিউ লক্ষ্য করুন — একটি ভালো র‍্যাম্প ব্যান্ডিং ছাড়াই সমানভাবে গাঢ় হওয়া উচিত।

হ্যাঁ। "Copy CSS variables" পুরো র‍্যাম্পকে নামযুক্ত CSS কাস্টম প্রপার্টি হিসেবে আউটপুট করে, আর "Copy all" আপনাকে একটি সাধারণ মানের তালিকা দেয় যা SCSS ম্যাপ থেকে JavaScript থিম অবজেক্ট পর্যন্ত যেকোনো জায়গায় পেস্ট করা যায়।

শেয়ার করুন

জনপ্রিয় অনুসন্ধান
রঙের শেড জেনারেটর টিন্ট এবং শেড রঙ হালকা ও গাঢ় করুন একটি রঙের শেড রঙ টিন্ট জেনারেটর রঙের শেড তৈরি করুন
সাহায্য দরকার?
এই টুলে কোনো সমস্যা পেয়েছেন? আমাদের দলকে জানান।
সমস্যা রিপোর্ট করুন

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন — নিচের কোডটি কপি করে পেস্ট করুন।