সব কালার টুল

প্রায় 2,000 ডিজাইন থেকে সীমলেস SVG ব্যাকগ্রাউন্ড প্যাটার্ন বানান: রঙ, জুম, ব্যবধান ও কোণ বদলে CSS কপি করুন বা SVG, PNG অথবা WebP ডাউনলোড করুন।

বিনামূল্যে

1একটি প্যাটার্ন বেছে নিন

আপনার শিরোনাম এখানে

আসল কনটেন্টের পেছনে প্যাটার্নটি কেমন দেখায় তা দেখুন।

শুরু করুন
প্যাটার্ন

সংগ্রহ অনুযায়ী দেখুন


প্যাটার্ন জেনারেটর সম্পর্কে

প্যাটার্ন জেনারেটর প্রায় 2,000 তৈরি ডিজাইনকে এমন ব্যাকগ্রাউন্ডে রূপ দেয়, যা আপনি নিজের মতো করে বদলে সঙ্গে সঙ্গে ব্যবহার করতে পারেন। ঢেউ, পোলকা ডট ও টেসেলেশন থেকে শুরু করে টার্টান, জাপানি সেইগাইহা, ইসলামি তারা, আর্ট ডেকো পাখা, পিক্সেল স্প্রাইট ও ক্যামোফ্লাজ পর্যন্ত 14টি সংগ্রহ ঘুরে দেখুন এবং প্রতিটি ডিজাইন নিজের রঙে দেখুন।

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

ঠিকঠাক হয়ে গেলে CSS, SCSS, Tailwind কনফিগ, ইনলাইন SVG, ডেটা URI বা React কম্পোনেন্ট হিসেবে কপি করুন, অথবা 8000 পিক্সেল পর্যন্ত যেকোনো মাপে SVG, PNG, JPG বা WebP ডাউনলোড করুন, যার মধ্যে নিজের রিপিটের জন্য একটিমাত্র টাইলও আছে। সবকিছু আপনার ব্রাউজারেই চলে: কিছুই আপলোড হয় না এবং অ্যাকাউন্টের দরকার নেই।

প্যাটার্ন জেনারেটর কীভাবে ব্যবহার করবেন

  1. প্যাটার্ন বেছে নিন: নাম দিয়ে খুঁজুন, অথবা সংগ্রহ ও রঙের সংখ্যা দিয়ে ফিল্টার করুন।
  2. কালার পিকার, তৈরি প্যালেট বা “নতুন প্যালেট” দিয়ে রঙ বেছে নিন।
  3. জুম, অবস্থান, ব্যবধান, রেখার পুরুত্ব ও কোণ ঠিক করুন। “অনুপ্রেরণা দিন” চাপার আগে পছন্দের যেকোনো মান লক করে রাখুন।
  4. “টাইল দেখান”, “পেজে” ও “লেখায়” প্রিভিউ দিয়ে যাচাই করুন।
  5. কোড কপি করুন বা ফাইল ডাউনলোড করুন, আর পরে ঠিক এই প্যাটার্নে ফিরতে “লিংক কপি করুন” ব্যবহার করুন।

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

হ্যাঁ। টুলটি বিনামূল্যে, সাইন-আপ লাগে না, কোনো সীমাও নেই: প্রতিটি প্যাটার্ন আপনার ব্রাউজারে আঁকা হয়, তাই কোনো ফাইল সার্ভারে পাঠানো হয় না।

হ্যাঁ। এক্সপোর্ট করা প্যাটার্ন আপনি ব্যক্তিগত ও বাণিজ্যিক কাজে ব্যবহার করতে পারেন, যেমন ওয়েবসাইট, অ্যাপ, প্যাকেজিং ও প্রিন্টে, এবং এর জন্য কৃতিত্ব দেওয়ার প্রয়োজন নেই।

না। টাইলের কিনারা পেরিয়ে যাওয়া প্রতিটি আকৃতি উল্টো দিকে আবার আঁকা হয়, তাই রিপিট সীমলেস থাকে। টাইল কোথায় শুরু ও শেষ হয় তা ঠিকমতো দেখতে “টাইল দেখান” প্রিভিউ ব্যবহার করুন।

CSS সবচেয়ে সহজ: নিয়মটি আপনার স্টাইলশিটে পেস্ট করে যেকোনো এলিমেন্টে প্রয়োগ করুন। 0, 90, 180 বা 270 ডিগ্রিতে এটি background-size সহ একটি ছোট টাইল ব্যবহার করে; অন্য কোণে এটি এলিমেন্ট ভরে দেয় এমন একটি SVG ব্যবহার করে। Tailwind, SCSS, React ও ডেটা URI সংস্করণে একই প্যাটার্ন থাকে।

অ্যানিমেশন SVG-র ভেতরেই তৈরি, তাই কোনো স্ক্রিপ্ট লাগে না এবং আধুনিক ব্রাউজারে CSS ব্যাকগ্রাউন্ড হিসেবেও চলে। আপনি যেসব ব্রাউজার সমর্থন করেন সেগুলোতে যাচাই করে নিন। PNG, JPG ও WebP ফাইল স্থির ছবিই থাকে, তাই এতে শুধু প্রথম ফ্রেমটি থাকে।

ক্যামোফ্লাজ ও ভূসংস্থানিক মানচিত্রের মতো জৈব ডিজাইনে অনেক বক্ররেখা থাকে। কোডের আকার কপি বোতামের পাশে দেখানো হয়। কোনো পেজের জন্য তা খুব ভারী হলে ছোট টাইলের ডিজাইন বেছে নিন, অথবা তার বদলে PNG টাইল ব্যবহার করুন।

হ্যাঁ, প্রায় প্রতিটি প্যাটার্নে: “স্বচ্ছ ব্যাকগ্রাউন্ড” চালু করে CSS, SVG, PNG বা WebP হিসেবে এক্সপোর্ট করুন। কিছু ওভারল্যাপিং ডিজাইন ব্যাকগ্রাউন্ডের রঙ দিয়ে আকৃতি লুকিয়ে রাখে, তাই সেগুলোর জন্য নিরেট ব্যাকগ্রাউন্ড লাগে। JPG ফাইল স্বচ্ছতা সমর্থন করে না।

শেয়ার করুন

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

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