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

خطوط وأمواج ومتعرّجات وشيفرون وشبكات سلسة. اختر ألوانك وسُمك الخط والزاوية، ثم انسخ CSS أو نزّل ملفات SVG أو PNG أو WebP مجاناً.

مجاني

1اختر نمطاً

عنوانك هنا

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

ابدأ الآن
نمط

تصاميم للبدء منها

اختر تصميماً لفتحه في المحرر، ثم غيّر ألوانه وإعداداته.

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


حول أنماط الخطوط والموجات

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

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

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

اختر تصميم خطوط، واضبط الزاوية على 45 درجة وانسخ CSS. الزوايا غير 0 و90 و180 و270 درجة تستخدم ملف SVG يملأ العنصر، فتبقى الخطوط متساوية مهما كان العرض.

نعم. يحدد شريط سُمك الخط عرض الخطوط، وتحدد أشرطة التباعد المسافة بينها.

تبقى الخطوط الرفيعة بلونين متقاربين مقروءة خلف النص. استخدم المعاينة «على صفحة» لتتحقق من النتيجة تحت بطاقة حقيقية قبل نسخ الكود.

شارك هذا

عمليات البحث الشائعة
نمط خطوط نمط موجات svg نمط متعرج نمط شيفرون خلفية خطوط css خلفية موجات سلسة نمط شبكة svg خطوط مائلة css
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

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