همه ابزارهای رنگ

راه‌راه، موج، زیگزاگ، شورون و شبکه‌های بدون درز. رنگ، ضخامت خط و زاویه را انتخاب کنید، سپس CSS را کپی یا فایل‌های SVG، PNG و WebP را رایگان دانلود کنید.

رایگان

1یک الگو انتخاب کنید

عنوان شما اینجا

ببینید الگو پشت محتوای واقعی چگونه دیده می‌شود.

شروع کنید
الگو

طرح‌هایی برای شروع

یکی را انتخاب کنید تا در ویرایشگر باز شود، سپس رنگ‌ها و تنظیمات آن را تغییر دهید.

مرور بر اساس مجموعه


درباره الگوهای راه‌راه و موجی

خط‌ها آرام‌ترین راه برای افزودن بافت به یک صفحه‌اند. این مجموعه راه‌راه و نوار ساده، راه‌راه مورب، موج، زیگزاگ، شورون، فلس صدفی، خط‌تیره، شبکه، هاشور متقاطع، موج‌های کوچک و گیس را در بر می‌گیرد، تا از یک راه‌راه ظریف و کم‌رنگ به یک موج جسورانه به سبک قدیمی برسید.

راه‌راه‌ها و شبکه‌ها از نظر کد بسیار کوچک می‌مانند و برای پس‌زمینه وب‌سایت انتخاب خوبی‌اند. ضخامت خط و فاصله را تغییر دهید تا تراکم خط‌ها را تعیین کنید و با لغزنده زاویه، راه‌راه‌های مستقیم را به مورب تبدیل کنید.

سوالات متداول

یک طرح راه‌راه انتخاب کنید، زاویه را روی 45 درجه بگذارید و CSS را کپی کنید. زاویه‌هایی غیر از 0، 90، 180 و 270 درجه از یک SVG استفاده می‌کنند که عنصر را پر می‌کند، پس راه‌راه‌ها در هر عرضی یکنواخت می‌مانند.

بله. لغزنده ضخامت خط پهنای خط‌ها را تعیین می‌کند و لغزنده‌های فاصله، فاصله میان آن‌ها را.

خط‌های نازک در دو رنگ نزدیک پشت متن خوانا می‌مانند. پیش از کپی کد، با پیش‌نمایش «روی صفحه» نتیجه را زیر یک کارت واقعی بررسی کنید.

اشتراک‌گذاری

جستجوهای پرطرفدار
الگوی راه‌راه الگوی موج svg الگوی زیگزاگ الگوی شورون پس‌زمینه راه‌راه css پس‌زمینه موج بدون درز الگوی شبکه svg راه‌راه مورب css
به کمک نیاز دارید؟
با این ابزار مشکلی پیدا کردید؟ به تیم ما اطلاع دهید.
گزارش مشکل

این ابزار رایگان را به وب‌سایت خود اضافه کنید: کد زیر را کپی و جای‌گذاری کنید.