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

দুই বা ততোধিক রঙ নির্বাচন করুন, গ্রেডিয়েন্টটি স্বাদমতো টেনে নিন, CSS কপি করুন। অথবা PNG হিসেবে ডাউনলোড করে ওয়ালপেপার, স্লাইড ব্যাকগ্রাউন্ড বা সোশ্যাল-পোস্ট ব্যাকড্রপ হিসেবে ব্যবহার করুন। লিনিয়ার, রেডিয়াল এবং কনিক গ্রেডিয়েন্ট সবই সমর্থিত, পাশাপাশি আধুনিক UI-তে দেখা নরম Apple-স্টাইলের ব্যাকগ্রাউন্ডের জন্য একটি মেশ-গ্রেডিয়েন্ট মোডও রয়েছে।

গ্রেডিয়েন্টের ধরন ব্যাখ্যা করা হলো

• লিনিয়ার: রঙ A থেকে রঙ B পর্যন্ত সরলরেখা। দিক নির্বাচক (উপর→নিচ, তির্যক, ইত্যাদি)।
• রেডিয়াল: কেন্দ্রীভূত — কেন্দ্রে রঙ A ধীরে ধীরে প্রান্তে রঙ B-তে মিশে যায়। স্পটলাইট প্রভাবের জন্য উপযোগী।
• কনিক: একটি কেন্দ্রবিন্দুর চারপাশে রঙের চাকার মতো ঘোরে। আধুনিক UI ডিজাইনে ট্রেন্ডি।
• মেশ (প্রিমিয়াম): একাধিক রঙের ব্লব মসৃণভাবে মিশ্রিত। "Apple গ্রেডিয়েন্ট" লুক।

আপনি যা কপি করতে পারেন

1. CSS: পেস্ট করার জন্য প্রস্তুত linear-gradient(...) বা background-image: ডিক্লারেশন।
2. Tailwind: নিকটতম bg-gradient-* ক্লাস এবং যেকোনো কাস্টম-রঙ সংযোজন।
3. SVG: আইকন বা UI গ্রাফিক্সে স্কেলেবল ব্যবহারের জন্য।
4. PNG ডাউনলোড: যেকোনো আকার, ফোন ওয়ালপেপার (1284×2778), ডেস্কটপ (3840×2160) এবং স্কয়ার (1080×1080) সহ।

সাধারণ ব্যবহারের ক্ষেত্র

• ফোন ওয়ালপেপার: iOS-এ মেশ গ্রেডিয়েন্টের ব্যাপক চাহিদা। পরীক্ষা করতে আমাদের iPhone Wallpaper Preview ব্যবহার করে দেখুন।
• সোশ্যাল-পোস্ট ব্যাকগ্রাউন্ড: কোট গ্রাফিক্সের জন্য তৎক্ষণাৎ অন-ব্র্যান্ড লুক।
• হিরো সেকশন: ল্যান্ডিং পেজে সর্বত্র গ্রেডিয়েন্ট ব্যাকড্রপ দেখা যায়।
• স্লাইড ডেক: বিরক্তিকর সলিড ব্যাকগ্রাউন্ড প্রতিস্থাপন করুন।

কার্যকর রঙ নির্বাচন

রঙের চাকায় পাশাপাশি = সূক্ষ্ম, সামঞ্জস্যপূর্ণ। বিপরীত = সাহসী, মনোযোগ আকর্ষণকারী। বড় ব্যবধান পূরণ করতে তৃতীয় মাঝারি স্টপ যোগ করুন। ব্র্যান্ড-অনুগত গ্রেডিয়েন্টের জন্য, আপনার ব্র্যান্ডের HEX পেস্ট করুন এবং দ্বিতীয় স্টপের জন্য একটি টিন্ট বা শেড নির্বাচন করুন। টিন্ট (উচ্চতর হালকাতা সহ HSL) বা শেড (নিম্ন) খুঁজতে আমাদের Color Converter ব্যবহার করুন।