কালার টুলস

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

আমাদের ফ্রি অনলাইন কালার গ্রেডিয়েন্ট জেনারেটর দিয়ে যেকোনো ওয়েবসাইটের জন্য চমৎকার ব্যাকগ্রাউন্ড ট্রানজিশন তৈরি করুন। সহজেই অ্যাঙ্গেল পরিবর্তন, কালার স্টপ যোগ এবং কোড এক্সপোর্ট করুন।

Live Preview
Presets:
90°
Selected Color Stop
Position0%

কেন এই টুলটি ব্যবহার করবেন?

কেন এই টুলটি ব্যবহার করবেন?

ডিজাইনার ও ওয়েব ডেভেলপাররা প্রায়শই সঠিক কালার কম্বিনেশন তৈরি করতে সময় ব্যয় করেন। এই টুলটি ব্রাউজারেই ইনস্ট্যান্ট ক্যানভাস রেন্ডারিংয়ের মাধ্যমে Linear, Radial, Conic গ্রেডিয়েন্ট তৈরি করার পাশাপাশি Flutter, SwiftUI, CSS ও Tailwind কোড প্রদান করে।

কীভাবে ব্যবহার করবেন

কীভাবে ব্যবহার করবেন

  1. ধাপ 1

    টাইপ ও অ্যাঙ্গেল নির্বাচন করুন

    আপনার গ্রেডিয়েন্টের দিক (Linear, Radial, বা Conic) এবং ডিগ্রিতে অ্যাঙ্গেল সেট করুন।
  2. ধাপ 2

    কালার স্টপ যুক্ত করুন

    ২, ৩ বা তার বেশি রঙ যুক্ত করতে স্লাইডারে পছন্দমতো স্টপ বসান।
  3. ধাপ 3

    কোড কপি বা ডাউনলোড করুন

    কালার সেট করে CSS, Tailwind বা Flutter কোড কপি করুন অথবা HD ইমেজ ডাউনলোড করুন।

মাল্টি-কালার প্রেসট ও কাস্টম কালার স্টপ

টুলটিতে থাকা ২-কালার, ৩-কালার, ৪-কালার এবং ৬-কালার বোতাম ব্যবহার করে মুহূর্তেই বেসিক লেআউট সেট করতে পারবেন। এছাড়া স্লাইডার ট্র্যাকে ক্লিক করে নতুন কালার পয়েন্ট যোগ বা ড্র্যাগ করে পজিশন পরিবর্তন করা যায়।

ছবি থেকে কালার এক্সট্র্যাকশন

আপনার আপলোড করা ছবি থেকে মূল রঙগুলো শনাক্ত করে অটোমেটিক সুন্দর ৩-কালার প্যালেট তৈরি করে দেয় এই টুলটি।

মাল্টি-ফ্রেমওয়ার্ক কোড ও ইমেজ এক্সপোর্ট

তৈরি করা গ্রেডিয়েন্টটি সরাসরি CSS, Tailwind, Flutter (Dart), SwiftUI, Kotlin, SVG এবং JSON ফরম্যাটে কোড কপি করা যায়। এছাড়াও 1920x1080 রেজোলিউশনের PNG, JPG, WEBP ইমেজ ও প্রিন্ট-রেডি PDF ফাইল হিসেবে ডাউনলোডের সুবিধা রয়েছে।

ফিচারগুলো কীভাবে কাজ করে

ইন্টারেক্টিভ মাল্টি-স্টপ স্লাইডার

০ থেকে ১০০% পজিশনের মধ্যে সহজেই কালার স্টপ যুক্ত, পরিবর্তন বা ড্র্যাগ করা যায়।

ছবি থেকে গ্রেডিয়েন্ট তৈরি

যেকোনো ছবি আপলোড করে তার প্রাইমারি শেড থেকে ব্যাকগ্রাউন্ড কালার এক্সট্র্যাক্ট করার সুবিধা।

লাইব UI উপাদান প্রিভিউ

কার্ড, বাটন এবং টেক্সট টাইপোগ্রাফিতে গ্রেডিয়েন্ট কেমন দেখায় তা সরাসরি দেখার অপশন।

ইউআরএল হ্যাশ শেয়ারিং

প্রতিটি গ্রেডিয়েন্টের কালার স্টেট ইউআরএল-এ সেভ থাকে, যা সহজেই অন্যদের সাথে শেয়ার করা যায়।

মাল্টি-ফরম্যাট এক্সপোর্ট

এইচডি ওয়ালপেপার ইমেজ, প্রফেশনাল পিডিএফ ডকুমেন্ট এবং ৭+ প্রোগ্রামিং কোড এক্সপোর্ট সাপোর্ট।

কী কী কাজে ব্যবহার করা যায়?

ওয়েব ডিজাইন ও ব্যাকগ্রাউন্ড

ওয়েবসাইটের হিরো সেকশন, ব্যানার ও কার্ডের জন্য রেসপন্সিভ লিনিয়ার ও রেডিয়াল কালার ব্যাকগ্রাউন্ড তৈরি।

মোবাইল অ্যাপ ডেভেলপমেন্ট

Flutter, SwiftUI এবং Jetpack Compose-এর জন্য সরাসরি ব্যবহার উপযোগী গ্রেডিয়েন্ট কোড সংগ্রহ।

টুলের বিস্তারিত তথ্য

টুলের ধরনকালার গ্রেডিয়েন্ট জেনারেটর ও কোড এক্সপোর্টার
গ্রেডিয়েন্ট টাইপLinear, Radial, Conic
অ্যাঙ্গেল সিলেকশন০° থেকে ৩৬০° ঘূর্ণন ক্ষমতা
কালার স্টপ সীমা২ থেকে অসীম কাস্টম স্টপ
এক্সপোর্ট ফরম্যাটCSS, Tailwind, Flutter, SwiftUI, Kotlin, SVG, JSON, PNG, JPG, WEBP, PDF
প্রসেসিং পদ্ধতিক্লায়েন্ট-সাইড (ইন-ব্রাউজার)

সুবিধা

  • কোনো অ্যাকাউন্ট বা সাইন-আপের প্রয়োজন নেই।
  • ব্রাউজারেই কাজ করায় দ্রুত ও নিরবচ্ছিন্ন আউটপুট।
  • একই সাথে ইমেজ ও সোর্স কোড ডাউনলোডের সুবিধা।

সীমাবদ্ধতা

  • খুব পুরনো ব্রাউজারে Conic gradient সমর্থন নাও করতে পারে।

সম্পূর্ণ ক্লায়েন্ট-সাইড নিরাপত্তা

সমস্ত কালার প্রসেসিং এবং রেন্ডারিং ব্রাউজারেই সম্পন্ন হয়। আপনার কোনো ডাটা সার্ভারে সংরক্ষিত হয় না।

প্রাইভেসি সুরক্ষিত

আপনার পার্সোনাল ছবি বা ব্যবহৃত ব্র্যান্ডিং কালার কোড সম্পূর্ণ গোপন ও নিরাপদ থাকে।

টিপস

  • র্যান্ডমাইজ (Randomize) বাটনে ক্লিক করে দ্রুত নতুন নান্দনিক গ্রেডিয়েন্ট আইডিয়া খুঁজে নিন।

সাধারণ প্রশ্ন ও উত্তর

ওয়েবসাইটের জন্য কীভাবে ৩-কালার গ্রেডিয়েন্ট তৈরি করব?

স্লাইডারে ৩টি কালার স্টপ যুক্ত করুন, আপনার পছন্দসই অ্যাঙ্গেল (যেমন: ৯০° বা ১৩৫°) নির্ধারণ করুন এবং জেনারেট হওয়া সিএসএস (CSS) কোডটি কপি করে ওয়েবসাইটে পেস্ট করুন।

আমি কি ছবি থেকে কালার এক্সট্র্যাক্ট করে গ্রেডিয়েন্ট বানাতে পারব?

হ্যাঁ। "From Image" বোতামে ক্লিক করে ছবি আপলোড করলেই টুলটি স্বয়ংক্রিয়ভাবে ছবির প্রধান রঙগুলো নিয়ে প্যালেট তৈরি করবে।

এই টুলটি কি সম্পূর্ণ ফ্রি?

হ্যাঁ, এটি ১০০% ফ্রি এবং ব্যবহার করার জন্য কোনো রেজিস্ট্রেশনের প্রয়োজন নেই।