مولّد باترن SVG
أنشئ أنماط خلفية SVG متكررة وانسخ كود CSS جاهز.
Pattern
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%223%22%20fill%3D%22%232563eb%22%2F%3E%3C%2Fsvg%3E");طريقة الاستخدام
- 1
اختر النمط
نقاط أو خطوط أو شبكة.
- 2
عدّل الألوان والحجم
لون النمط والخلفية وحجم البلاطة.
- 3
انسخ CSS
الصق في مشروعك.
الأسئلة الشائعة
نعم، مضمّن كـ data-URI في خلفية CSS.
الأنماط التي تولّدها ملكك.
أدوات ذات صلة
مولّد رمز QR
أنشئ رموز QR من نص أو روابط. نزّلها بصيغة PNG أو SVG.
منسّق JSON
نسّق وتحقق من صحة JSON وصغّره مع رسائل خطأ واضحة.
مشفّر / فك تشفير Base64
شفّر وفك تشفير النص أو الصور إلى Base64. يعمل بالكامل دون اتصال.
منتقي الألوان
اختر لوناً وحوّله بين صيغ HEX وRGB وHSL.
محوّل الطوابع الزمنية
حوّل الطوابع الزمنية Unix إلى تواريخ والعكس. يدعم الثواني والميلي ثانية.
مولّد التجزئة
أنشئ تجزئات MD5 وSHA-1 وSHA-256 وSHA-512 من أي نص.
مولّد صورة OGجديد
أنشئ صور Open Graph 1200×630 للمشاركة على الشبكات الاجتماعية.
مولّد فافيكونجديد
ولّد أيقونات PNG بأحجام متعددة من صورة واحدة ونزّلها كملف ZIP.
مولّد ظل CSSجديد
صمّم ظلال box-shadow بمعاينة حية وانسخ الكود مباشرة.
مولّد توقيع شفافجديد
ارسم توقيعاً بخلفية شفافة ونزّله PNG للمستندات والنماذج.
مولّد لوحة ألوانجديد
ولّد تناسقات ألوان مكمّلة ومتجاورة وثلاثية من لون أساسي.
مولّد زجاجي CSSجديد
صمّم تأثير زجاجي ضبابي بمعاينة حية وانسخ كود CSS.