র্যান্ডম গ্র্যাডিয়েন্ট জেনারেটর
র্যান্ডম CSS গ্র্যাডিয়েন্ট তৈরি করুন — লিনিয়ার, রেডিয়াল, কনিক। সমন্বয়পূর্ণ রঙ সংমিশ্রণ, প্রস্তুত-পেস্ট CSS কোড কপি করুন। ব্রাউজারে চলে।
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
ইতিহাস
তথ্যসূত্র
গ্র্যাডিয়েন্ট জেনারেটর কীভাবে কাজ করে?
এই টুলটি HSL হিউ ঘূর্ণনের সাথে সমন্বয়পূর্ণ রঙ তত্ত্ব (অ্যানালগাস, কমপ্লিমেন্টারি বা ট্রায়াডিক সম্পর্ক) ব্যবহার করে 2-3টি রঙ বাছাই করে। র্যান্ডম কোণ বা অবস্থান crypto.getRandomValues() দিয়ে বাছাই করা হয়। আউটপুট প্রস্তুত-পেস্ট CSS কোডের পাশাপাশি লাইভ প্রিভিউ হিসেবে রেন্ডার করা হয়।
গ্র্যাডিয়েন্ট প্রকার
- লিনিয়ার — রঙ একটি কনফিগারযোগ্য কোণে সরলরেখা বরাবর মিশ্রিত হয়।
- রেডিয়াল — রঙ একটি কেন্দ্রবিন্দু থেকে বাইরের দিকে বিকিরিত হয়।
- কনিক — রঙ কেন্দ্রের চারপাশে ঘোরে, রঙের চাকার মতো।
সাধারণ ব্যবহার
- হিরো সেকশন — ল্যান্ডিং পেজের জন্য আকর্ষণীয় ব্যাকগ্রাউন্ড।
- কার্ড ও বোতাম — গভীরতাসহ আধুনিক UI অ্যাকসেন্ট।
- ডিজাইন অনুপ্রেরণা — অপ্রত্যাশিত রঙ সংমিশ্রণ আবিষ্কার করুন।
- ওয়ালপেপার ও ব্যানার — অনন্য ভিজ্যুয়াল সম্পদ তৈরি করুন।
গোপনীয়তা
সমস্ত গ্র্যাডিয়েন্ট 100% আপনার ব্রাউজারে তৈরি হয়। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।