রঙের টুল

CSS গ্রেডিয়েন্ট জেনারেটর: লিনিয়ার, রেডিয়াল, কনিক – ফ্রি

ফ্রি, সাইন-আপ লাগে না, আপনার ব্রাউজারেই কাজ করে। 8টি পর্যন্ত কালার স্টপ দিয়ে লিনিয়ার, রেডিয়াল বা কনিক গ্রেডিয়েন্ট ডিজাইন করুন, সরাসরি দেখুন, আর CSS কপি করুন। প্রচলিত সাইজে PNG ব্যাকগ্রাউন্ড হিসেবে ডাউনলোড করুন।

ধরন

কালার স্টপ

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

প্রথম লাইনটি একটি নিরেট রং, খুব পুরোনো যেসব ডিভাইস গ্রেডিয়েন্ট দেখাতে পারে না সেগুলোর জন্য।

একটি প্রিসেট থেকে শুরু করুন

আপনার ডিভাইসেই তৈরি।

কেন CSS গ্রেডিয়েন্ট জেনারেটর ব্যবহার করবেন

100% ফ্রি
যতবার খুশি ব্যবহার করুন। সাইন-আপ নেই, ওয়াটারমার্ক নেই, কিছু ইনস্টল করতে হবে না।
গোপনীয়তা শুরু থেকেই
আপনি যা লেখেন তা আপনার ব্রাউজারেই থাকে, কখনো আমাদের কাছে পাঠানো হয় না।
যেকোনো ডিভাইসে চলে
Windows, Mac, Linux, Android ও iPhone-এ আপনার ব্রাউজারেই চলে। কোনো অ্যাপ লাগে না।

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

  1. লিনিয়ার, রেডিয়াল বা কনিক বেছে নিন, আর দিক সেট করুন।
  2. রং বেছে নিন আর প্রতিটি স্টপ টেনে জায়গামতো বসান।
  3. CSS কপি করুন অথবা গ্রেডিয়েন্টটি ছবি হিসেবে ডাউনলোড করুন।

সাধারণ প্রশ্ন

CSS কীভাবে ব্যবহার করব?
যে এলিমেন্টে রং দিতে চান তার রুলে পেস্ট করুন। প্রথম লাইনটি একটি সলিড ফলব্যাক; দ্বিতীয়টি গ্রেডিয়েন্ট।
লিনিয়ার, রেডিয়াল ও কনিকের পার্থক্য কী?
লিনিয়ার একটি সোজা রেখা বরাবর মেশে, রেডিয়াল কেন্দ্র থেকে চারদিকে ছড়ায়, আর কনিক কালার হুইলের মতো কেন্দ্রের চারপাশে ঘোরে।
স্বচ্ছতা কি ব্যবহার করা যায়?
হ্যাঁ। একটি স্টপে rgba(47, 91, 255, 0.5)-এর মতো রং টাইপ করুন।
কিছু কি আপলোড হয়?
না। গ্রেডিয়েন্ট আপনার ডিভাইসেই তৈরি হয়।
CSS গ্রেডিয়েন্ট জেনারেটর কি ফ্রি?
হ্যাঁ। এটি ব্যবহার করতে কোনো টাকা লাগে না, সাইন-আপ লাগে না, কিছু ইনস্টলও করতে হয় না।

সাহায্য ও কীভাবে-করবেন গাইড (ইংরেজিতে)

সম্পর্কিত টুল