গ্রেডিয়েন্ট জেনারেটর

লিনিয়ার, রেডিয়াল বা কনিক গ্রেডিয়েন্ট তৈরি করুন, কালার স্টপ যোগ করুন এবং দিক সেট করে এক ক্লিকে CSS কপি করুন।

গ্রেডিয়েন্টের ধরন
কালার স্টপসমূহ
CSS
গ্রেডিয়েন্ট তৈরি করতে স্টপ এবং দিক অ্যাডজাস্ট করুন।

প্রতিটি গ্রেডিয়েন্ট সরাসরি আপনার ব্রাউজারে রেন্ডার করা হয়। আপনার কোনো সেটিংস BroBroGo-তে আপলোড করা হয় না।

জিজ্ঞাসিত প্রশ্নাবলী

linear, radial এবং conic গ্রেডিয়েন্টের মধ্যে পার্থক্য কী?

একটি লিনিয়ার (linear) গ্রেডিয়েন্ট একটি নির্দিষ্ট কোণে সরলরেখা বরাবর রঙ মিশ্রিত করে। একটি রেডিয়াল (radial) গ্রেডিয়েন্ট কেন্দ্র থেকে বাইরের দিকে বৃত্ত বা উপবৃত্ত আকারে রঙ ছড়িয়ে দেয়। একটি কনিক (conic) গ্রেডিয়েন্ট কালার হুইলের মতো কেন্দ্রের চারপাশে রঙ ঘুরিয়ে নিয়ে আসে।

কালার স্টপ (color stops) কী?

প্রতিটি কালার স্টপ হলো গ্রেডিয়েন্ট বরাবর একটি নির্দিষ্ট অবস্থানে পিন করা রঙ — শুরুতে ০%, শেষে ১০০%। কোনো রঙের প্রভাব কোথায় সবচেয়ে বেশি হবে তা পরিবর্তন করতে স্টপটি সরান, অথবা আরও সমৃদ্ধ মিশ্রণের জন্য আরও স্টপ যোগ করুন। আপনি সর্বোচ্চ ৮টি স্টপ ব্যবহার করতে পারবেন।

আমি কীভাবে গ্রেডিয়েন্টের দিক নিয়ন্ত্রণ করব?

লিনিয়ার বা কনিক গ্রেডিয়েন্টের ক্ষেত্রে, অ্যাঙ্গেল স্লাইডারটি দিক নির্ধারণ করে — ০° উপরের দিকে এবং ৯০° ডানদিকে নির্দেশ করে। রেডিয়াল গ্রেডিয়েন্টের কোনো কোণ থাকে না; এর পরিবর্তে এটি কীভাবে ছড়াবে তা পরিবর্তন করতে বৃত্ত (circle) বা উপবৃত্ত (ellipse) আকৃতি বেছে নিন।