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

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

কালার শেডস জেনারেটর একটি বিনামূল্যের অনলাইন টুল যা একটি বেস HEX রঙকে টিন্ট-ও-শেডের একটি সম্পূর্ণ স্কেলে রূপান্তর করে, যা Tailwind CSS-এর কালার টোকেনের মতোই 50, 100, 200 থেকে 900 ও 950 পর্যন্ত নম্বরযুক্ত। এটি আপনার বেস রঙকে হালকা ধাপগুলোর (50-400) জন্য সাদার দিকে এবং গাঢ় ধাপগুলোর (600-950) জন্য কালোর দিকে রৈখিকভাবে মিশিয়ে র‍্যাম্পটি তৈরি করে, আর 500 কে বেস রঙ হিসেবেই রাখে। ডিজাইনার ও ফ্রন্ট-এন্ড ডেভেলপাররা একটি ডিজাইন সিস্টেমের জন্য সামঞ্জস্যপূর্ণ কালার স্কেল তৈরি করতে, CSS কাস্টম প্রপার্টি বা Tailwind থিম রঙ সেট করতে, এবং কোনো ব্র্যান্ড রঙের সহজলভ্য হালকা/গাঢ় ভ্যারিয়েন্ট বেছে নিতে এটি ব্যবহার করেন। প্রতিটি ধাপ তার HEX মানের পাশে এক-ক্লিক কপি বোতামসহ একটি সোয়াচ হিসেবে দেখানো হয়।

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

1. বেস রঙ (HEX) ফিল্ডে #rrggbb বা #rgb ফরম্যাট ব্যবহার করে একটি বেস রঙ টাইপ করুন, অথবা এটি দৃশ্যত বেছে নিতে বড় কালার পিকার সোয়াচে ক্লিক করুন।
2. 50-950 স্কেল সঙ্গে সঙ্গে আপডেট হয়: হালকা টিন্ট (50-400) সাদার দিকে মেশানো হয়, 500 হলো আপনার বেস রঙ, এবং গাঢ় শেড (600-950) কালোর দিকে মেশানো হয়।
3. প্রতিটি সারি পড়ে ধাপের নম্বর (50 … 950), তার কালার সোয়াচ, এবং তার HEX মান পাশাপাশি দেখুন।
4. কোনো সারির শেষে থাকা কপি বোতামে ক্লিক করে সেই ধাপের HEX মান আপনার ক্লিপবোর্ডে কপি করুন।
5. যখন আপনার শুধু ধাপ 500 দরকার, তখন ইনপুট ফিল্ডের পাশের কপি বোতাম দিয়ে বেস রঙের HEX কপি করুন।

উদাহরণ

#4f86f7

#f6f9ff

#4f86f7

#0b1323

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

আমি কোন কালার ফরম্যাট দিতে পারি?

বেস রঙ একটি HEX মান হিসেবে হয় #rrggbb (ছয় অঙ্ক) অথবা #rgb (তিন-অঙ্কের সংক্ষিপ্ত রূপ) ফরম্যাটে দেওয়া হয়। মানটি যদি বৈধ HEX রঙ না হয়, তাহলে 'Invalid HEX color' বার্তা দেখা যায় এবং কোনো স্কেল তৈরি হয় না। আউটপুটের প্রতিটি ধাপ #rrggbb HEX মান হিসেবে দেখানো হয়।

শেডগুলো কীভাবে হিসাব করা হয়?

প্রতিটি ধাপ আপনার বেস রঙ এবং বিশুদ্ধ সাদা বা বিশুদ্ধ কালোর মধ্যে একটি রৈখিক মিশ্রণ। ধাপ 50-400 ক্রমহ্রাসমান মাত্রায় সাদার দিকে মেশানো হয়, ধাপ 500 হলো অপরিবর্তিত বেস রঙ, এবং ধাপ 600-950 ক্রমবর্ধমান মাত্রায় কালোর দিকে মেশানো হয়। নম্বরিং Tailwind CSS-এর কালার স্কেলের সঙ্গে মেলে।

ধাপ 500 কখনো কখনো ঠিক আমার বেস রঙের সংখ্যা হয় না কেন?

ধাপ 500 সবসময় ঠিক আপনার বেস রঙ। টুলটি আপনার রঙকে কোনো অনুভূতিগত উজ্জ্বলতা বক্ররেখায় পুনঃকেন্দ্রীভূত করে না, তাই আপনার ইনপুট খুব হালকা বা খুব গাঢ় হলে স্কেলের হালকা বা গাঢ় অর্ধেকের পরিসর কম হবে — সবচেয়ে সমান র‍্যাম্পের জন্য একটি মাঝারি-টোনের বেস বেছে নিন।

HEX টাইপ করার বদলে আমি কি দৃশ্যত রঙ বেছে নিতে পারি?

হ্যাঁ। একটি রঙ বেছে নিতে অন্তর্নির্মিত কালার পিকারসহ বড় সোয়াচে ক্লিক করুন; HEX ফিল্ড স্বয়ংক্রিয়ভাবে আপডেট হয় এবং আপনি যখন এটি পরিবর্তন করেন তখন সম্পূর্ণ 50-950 স্কেল সঙ্গে সঙ্গে পুনঃগণনা হয়।

আমার রঙের ডেটা কি কোথাও আপলোড হয়?

না। স্থানীয় কালার গণিত ব্যবহার করে সবকিছু সম্পূর্ণরূপে আপনার ব্রাউজারের ভেতরেই চলে — কোনো রঙের মান কখনো কোনো সার্ভারে পাঠানো হয় না, তাই এটি অফলাইনে কাজ করে এবং আপনার প্যালেট ব্যক্তিগত রাখে।