مولّد الأنماط

كل أدوات الألوان

أنشئ أنماط خلفيات SVG سلسة من نحو 2000 تصميم: غيّر الألوان والتكبير والتباعد والزاوية، ثم انسخ CSS أو نزّل SVG أو PNG أو WebP.

مجاني

1اختر نمطاً

الكل خطوط وأمواج نقاط ودوائر هندسية ثلاثية الأبعاد وخدع بصرية أقمشة ونسيج طوب وبلاط يابانية إسلامية وأندلسية آرت ديكو قبلية وشعبية الطبيعة أيقونات وأشياء فن البكسل توليدية

عنوانك هنا

شاهد كيف يظهر النمط خلف محتوى حقيقي.

ابدأ الآن
نمط

تصفّح حسب المجموعة

خطوط وأمواج 273 نمط نقاط ودوائر 189 نمط هندسية 138 نمط ثلاثية الأبعاد وخدع بصرية 99 نمط أقمشة ونسيج 105 نمط طوب وبلاط 148 نمط يابانية 33 نمط إسلامية وأندلسية 30 نمط آرت ديكو 47 نمط قبلية وشعبية 62 نمط الطبيعة 196 نمط أيقونات وأشياء 236 نمط فن البكسل 152 نمط توليدية 251 نمط

حول مولّد الأنماط

يحوّل مولّد الأنماط نحو 2000 تصميم جاهز إلى خلفيات يمكنك ضبطها واستخدامها فوراً. تصفّح 14 مجموعة، من الأمواج ونقاط بولكا والتبليطات إلى التارتان وأمواج سيغايها اليابانية والنجوم الإسلامية ومراوح آرت ديكو وشخصيات البكسل والتمويه، وشاهد كل تصميم بألوانك الخاصة.

كل تصميم مرسوم بصيغة متجهية ويتكرر بلا وصلة ظاهرة، مهما كان التكبير والزاوية. يمكنك تغيير ما يصل إلى ستة ألوان، والتكبير والموضع والتباعد وسُمك الخط والزاوية، وتحويل الأشكال المملوءة إلى حدود فقط، أو جعل النمط يتحرك بحركة متكررة. أما الأنماط التوليدية مثل الخرائط الطبوغرافية وخلايا فورونوي وبلاطات تروشيه فتنتج تنويعة جديدة عند كل نقرة.

عندما تعجبك النتيجة، انسخها بصيغة CSS أو SCSS أو إعدادات Tailwind أو SVG مضمّن أو Data URI أو مكوّن React، أو نزّل ملف SVG أو PNG أو JPG أو WebP بأي حجم يصل إلى 8000 بكسل، بما في ذلك بلاطة واحدة لتكرارك الخاص. كل شيء يعمل في متصفحك: لا يُرفع أي ملف، ولا حاجة إلى حساب.

كيفية استخدام مولّد الأنماط

  1. اختر نمطاً: ابحث بالاسم، أو صفِّ حسب المجموعة وعدد الألوان.
  2. اختر الألوان بأدوات الاختيار أو بلوحة جاهزة أو عبر «لوحة ألوان جديدة».
  3. اضبط التكبير والموضع والتباعد وسُمك الخط والزاوية. ثبّت أي قيمة تعجبك قبل الضغط على «ألهمني».
  4. تحقق من النتيجة عبر المعاينات «عرض البلاطة» و«على صفحة» و«داخل نص».
  5. انسخ الكود أو نزّل الملف، واستخدم «نسخ الرابط» للعودة إلى هذا النمط نفسه لاحقاً.

الأسئلة الشائعة

نعم. الأداة مجانية بلا تسجيل وبلا حدود: يُرسم كل نمط في متصفحك، لذلك لا يُرسل أي ملف إلى خادم.

نعم. يمكنك استخدام الأنماط التي تصدّرها في أعمالك الشخصية والتجارية، مثل المواقع والتطبيقات والتغليف والطباعة، دون أي إشارة إلى المصدر.

لا. كل شكل يتجاوز حافة البلاطة يُرسم مرة أخرى على الجهة المقابلة، فيكون التكرار سلساً. استخدم المعاينة «عرض البلاطة» لترى بالضبط أين تبدأ البلاطة وأين تنتهي.

CSS هو الأبسط: الصق القاعدة في ملف الأنماط وطبّقها على أي عنصر. عند الزوايا 0 أو 90 أو 180 أو 270 درجة يستخدم بلاطة صغيرة واحدة مع background-size، وعند الزوايا الأخرى يستخدم ملف SVG يملأ العنصر. تحتوي نسخ Tailwind وSCSS وReact وData URI على النمط نفسه.

الحركة مدمجة في ملف SVG، لذلك لا تحتاج إلى سكربت وتعمل أيضاً كخلفية CSS في المتصفحات الحديثة. اختبرها في المتصفحات التي تدعمها. أما ملفات PNG وJPG وWebP فتبقى صوراً ثابتة، فتحتفظ بالإطار الأول فقط.

التصاميم العضوية مثل التمويه والخرائط الطبوغرافية تحتوي على منحنيات كثيرة. يظهر حجم الكود بجوار زر النسخ. إذا كان ثقيلاً على الصفحة، اختر تصميماً ببلاطة أصغر، أو استخدم بلاطة PNG بدلاً منه.

نعم، في معظم الأنماط تقريباً: فعّل «خلفية شفافة» وصدّر بصيغة CSS أو SVG أو PNG أو WebP. بعض التصاميم المتداخلة تُخفي أشكالاً بلون الخلفية، لذلك تحتاج إلى خلفية صلبة. ولا تدعم ملفات JPG الشفافية.
شارك هذا
أدوات ذات صلة
مولّد التدرجات
مولّد لوحات الألوان
مولّد ظلال الألوان
إنشاء تدرج لوني من صورة
استخراج الألوان من صورة
شاشة بيضاء كاملة
معرفة اسم اللون
مطابق ألوان Pantone
لوحة الألوان الآمنة للويب
مُطابِق ألوان RAL
مولّد لوحة هوية العلامة الذكي
شاشة سوداء كاملة
محاكي عمى الألوان
مولّد الثيمات والتدرجات بالذكاء الاصطناعي
لوحة المزاج الذكية
شاشة خضراء كاملة
تصدير لوحة الألوان
مجموعة هوية العلامة من صورة بالذكاء الاصطناعي
مزج الألوان
محوّل رموز الألوان
عمليات البحث الشائعة
مولد انماط svg مولد نمط سلس نمط خلفية css أداة صنع نمط متكرر خلفيات انماط مجانية مولد نمط هندسي نمط خلفية tailwind بلاطة png سلسة
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص: انسخ والصق الكود أدناه.