যেকোনো ছবি থেকে একটি সুন্দর গ্রেডিয়েন্ট বের করুন — একটি ইমেজ ড্রপ করুন, একটি মুড বেছে নিন, এবং প্রধান রঙগুলো টেনে নেওয়া যায় এমন গ্রেডিয়েন্ট স্টপে পরিণত হয়। তাৎক্ষণিকভাবে পেস্টযোগ্য CSS কপি করুন।

এখানে একটি ইমেজ টেনে আনুন

বা ব্রাউজ করতে ক্লিক করুন — আপনি আপনার ক্লিপবোর্ড থেকেও পেস্ট করতে পারেন

সবকিছু আপনার ব্রাউজারে চলে — আপনার ইমেজ কখনো আপলোড হয় না, কোনো সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।

উৎস ইমেজ
রঙ পড়া হচ্ছে…
উৎস ইমেজ
মুড
বের করা রঙসমূহ
এগুলো আপনার ইমেজ থেকে বের করা প্রধান রঙ। কপি করতে একটি সোয়াচে ক্লিক করুন, বা গ্রেডিয়েন্ট সূক্ষ্মভাবে সামঞ্জস্য করতে নিচের স্টপগুলো টেনে আনুন।
গ্রেডিয়েন্ট প্রিভিউ
গ্রেডিয়েন্টের ধরন
কোণ
°
কালার স্টপ
একটি স্টপ পুনর্নির্ধারণ করতে হ্যান্ডেল টেনে আনুন, বা একটি যোগ করতে বারে ক্লিক করুন। এর রঙ সম্পাদনা করতে একটি স্টপ নির্বাচন করুন।
নির্বাচিত স্টপ
%
CSS
background: ;

ইমেজ থেকে গ্রেডিয়েন্ট জেনারেটর সম্পর্কে

গ্র্যাডিয়েন্ট জেনারেটর ফ্রম ইমেজ যেকোনো ছবিকে ব্যবহারযোগ্য CSS গ্র্যাডিয়েন্টে পরিণত করে। ড্রপ, ব্রাউজ বা পেস্ট করে একটি ছবি দিন, আর টুলটি ক্যানভাসে এটি পড়ে, প্রধান রঙগুলো বের করে এবং সেগুলোকে গ্র্যাডিয়েন্ট স্টপ হিসেবে সাজায় যা আপনি ড্র্যাগ, রঙ পরিবর্তন ও পুনর্বিন্যাস করতে পারেন যতক্ষণ না ব্লেন্ডটি মূল ছবির অনুভূতির সাথে মেলে।

একটি মুড সিলেক্টর — Colorful, Bright, Muted, Deep বা Dark — বদলে দেয় কোন এক্সট্র্যাক্ট করা রঙগুলো স্টপ হয়ে ওঠে, তাই একটি ছবি থেকে বেশ কয়েকটি ভিন্ন গ্র্যাডিয়েন্ট পাওয়া যেতে পারে। আপনি গ্র্যাডিয়েন্টের ধরন (linear, radial বা conic), কোণ, এবং স্টপগুলো নিজেই নিয়ন্ত্রণ করেন: বার ক্লিক করে একটি যোগ করুন, ড্র্যাগ করে পুনঃস্থাপন করুন, এক ক্লিকে উল্টান বা ঘোরান।

পুরো প্রক্রিয়াটি আপনার ব্রাউজারে চলে; আপনার ছবি কখনো সার্ভারে আপলোড হয় না। প্রিভিউ ঠিক মনে হলে, সম্পূর্ণ CSS রুল, শুধু ব্যাকগ্রাউন্ড মান, বা শুধু এক্সট্র্যাক্ট করা রঙগুলো কপি করুন — হিরো সেকশন, পেজ ব্যাকগ্রাউন্ড এবং ফটোগ্রাফি থেকে নেওয়া ব্র্যান্ড ভিজ্যুয়ালের জন্য আদর্শ।

ইমেজ থেকে গ্রেডিয়েন্ট জেনারেটর কীভাবে ব্যবহার করবেন

  1. একটি ছবি ড্র্যাগ ও ড্রপ করুন, ব্রাউজ করতে ক্লিক করুন, বা আপনার ক্লিপবোর্ড থেকে পেস্ট করুন।
  2. কোন এক্সট্র্যাক্ট করা রঙগুলো স্টপ হবে তা বেছে নিতে একটি মুড বেছে নিন — Colorful, Bright, Muted, Deep বা Dark।
  3. গ্র্যাডিয়েন্টের ধরন (linear, radial বা conic) নির্বাচন করুন এবং কোণ সমন্বয় করুন।
  4. ব্লেন্ডটি সূক্ষ্মভাবে সাজাতে কালার স্টপগুলো ড্র্যাগ করুন; প্রয়োজন অনুযায়ী স্টপ যোগ, মুছুন, উল্টান বা পুনর্বিন্যাস করুন।
  5. রেডি-টু-পেস্ট গ্র্যাডিয়েন্ট কোড নিতে "Copy CSS"-এ ক্লিক করুন।

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

না। ছবিটি সরাসরি আপনার ব্রাউজারের একটি ক্যানভাসে পড়া হয়, এবং কালার এক্সট্র্যাকশন ও গ্র্যাডিয়েন্ট ম্যাথ সবই স্থানীয়ভাবে হয়। কোনো সময়েই আপনার ডিভাইস থেকে কিছু বের হয় না।

হ্যাঁ, সম্পূর্ণ ফ্রি। সবকিছু ক্লায়েন্ট-সাইডে চলে বলে কোনো ক্রেডিট, অ্যাকাউন্ট বা সীমা নেই — যত ইচ্ছা তত ছবি থেকে গ্র্যাডিয়েন্ট বের করুন।

এই টুলটি একটি ছবি থেকে শুরু হয়: এটি ছবির প্রধান রঙ বের করে এবং সেগুলো থেকে গ্র্যাডিয়েন্ট তৈরি করে। নিয়মিত গ্র্যাডিয়েন্ট জেনারেটর আপনার নিজের বেছে নেওয়া রঙ দিয়ে শূন্য থেকে শুরু হয়। দুটোই একই ধরনের এডিটযোগ্য, কপি-রেডি CSS তৈরি করে।

মুডগুলো আপনার ছবি থেকে বের করা রঙগুলোকে পুনরায় র‍্যাঙ্ক করে: Colorful উজ্জ্বল বৈচিত্র্যময় হিউ প্রাধান্য দেয়, Bright হালকা স্যাচুরেটেড টোন বেছে নেয়, Muted নরম ডিস্যাচুরেটেড রঙ নির্বাচন করে, এবং Deep ও Dark সমৃদ্ধ, গাঢ় রঙ টেনে আনে। মুড পরিবর্তন করলে গ্র্যাডিয়েন্ট স্টপ তাৎক্ষণিকভাবে পুনর্নির্মিত হয়।

হ্যাঁ। প্রতিটি স্টপ ড্র্যাগযোগ্য, আপনি বার ক্লিক করে স্টপ যোগ করতে বা নির্বাচিত স্টপ মুছতে পারেন, যেকোনো স্টপের রঙ পরিবর্তন করতে পারেন, linear, radial ও conic-এর মধ্যে সুইচ করতে পারেন, 45° ধাপে কোণ ঘোরাতে পারেন, দিক উল্টাতে পারেন, বা ছবি থেকে নতুন রঙ পুনর্বিন্যাস করতে পারেন।

শেয়ার করুন

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

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