تا ۲۰۰ تصویر در هر کار پردازش کنید — تنظیمات خود را یک بار انتخاب کنید، همه را اجرا کنید.
دو یا چند رنگ انتخاب کنید، گرادیان را به سلیقه بکشید و CSS را کپی کنید. یا به صورت PNG دانلود کنید تا به عنوان والپیپر، پسزمینه اسلاید یا پسزمینه پست شبکههای اجتماعی استفاده کنید. گرادیانهای خطی، شعاعی و مخروطی همگی پشتیبانی میشوند، به علاوه حالت گرادیان مشبندی برای پسزمینههای نرم به سبک اپل که در رابطهای کاربری مدرن میبینید.
انواع گرادیان توضیح داده شده
- خطی: خط مستقیم از رنگ A به رنگ B. انتخابگر جهت (از بالا به پایین، مورب و غیره).
- شعاعی: هممرکز — رنگ A در مرکز که به رنگ B در لبهها محو میشود. مفید برای جلوههای نورافکن.
- مخروطی: دور یک نقطه مرکزی مانند چرخ رنگ میچرخد. در طراحی رابط کاربری مدرن مد روز است.
- مشبندی (پریمیوم): چندین لکه رنگی که به آرامی ترکیب میشوند. ظاهر "گرادیان اپل".
آنچه میتوانید کپی کنید
- CSS: آماده برای پیست
linear-gradient(...) یا اعلان background-image:.
- Tailwind: نزدیکترین کلاس
bg-gradient-* به همراه هرگونه افزودنی رنگ سفارشی.
- SVG: برای استفاده مقیاسپذیر در آیکونها یا گرافیکهای رابط کاربری.
- دانلود PNG: هر اندازه، از جمله والپیپر گوشی (1284×2778)، دسکتاپ (3840×2160) و مربع (1080×1080).
موارد استفاده رایج
- والپیپر گوشی: گرادیانهای مشبندی در iOS بسیار محبوب هستند. با پیشنمایش والپیپر آیفون ما تست کنید.
- پسزمینه پست شبکههای اجتماعی: ظاهری فوری و هماهنگ با برند برای گرافیک نقلقول.
- بخشهای قهرمان: پسزمینههای گرادیان در صفحات فرود همهجا هستند.
- مجموعه اسلایدها: جایگزین پسزمینههای جامد خستهکننده.
انتخاب رنگهایی که کار میکنند
رنگهای مجاور در چرخ رنگ = ظریف و هماهنگ. رنگهای مخالف = پررنگ و جلب توجه. یک ایستگاه میانی سوم اضافه کنید تا شکاف بزرگ را پر کنید. برای گرادیانهای وفادار به برند، HEX برند خود را پیست کنید و یک تینت یا سایه برای ایستگاه دوم انتخاب کنید. از مبدل رنگ ما برای یافتن تینتها (HSL با روشنایی بیشتر) یا سایهها (کمتر) استفاده کنید.
سوالات متداول
آیا میتوانم از اینها در تولید استفاده کنم؟
بله — CSS کپی شده در هر مرورگر مدرنی کار میکند. برای اهداف قدیمیتر، جایگزینهای SVG ارائه شده است.
پشتیبانی مرورگر از گرادیان شعاعی چطور است؟
جهانی در مرورگرهای مدرن. سینتکس CSS یک خط است.
چقدر بزرگ میتوانم PNG را صادر کنم؟
رایگان: تا 4K (3840×2160). پریمیوم: 8K و بالاتر.
آیا استفاده از گرادیانهای مشبک (Mesh Gradients) سخت است؟
در وب، آنها مبتنی بر SVG یا Canvas هستند. ما یک PNG تخت برای استفاده آسان به شما میدهیم، به همراه کد منبع SVG برای ویرایش.
آیا میتوانم گرادینتهای خود را ذخیره کنم؟
وارد شوید (رایگان) و گرادینتهای ذخیرهشده در کتابخانه شما ظاهر میشوند.
گرادیان 'مخروطی' چیست؟
دور یک نقطه میچرخد — مانند چرخ رنگ یا نمودار دایرهای. CSS مدرن به صورت بومی از آن پشتیبانی میکند.
آیا برای گرادیانهای متحرک کار میکند؟
فقط خروجی استاتیک. برای پسزمینههای متحرک، CSS را کپی کرده و یک انیمیشن CSS حول زاویه گرادیان اضافه کنید.
چرا فقط CSS را دستنویس ننویسیم؟
میتوانید — ابزار فقط تکرار بصری را سریعتر میکند. کپی کنید و تغییر دهید.
درباره تولیدکننده گرادیان
تولیدکننده گرادیان یک ابزار آنلاین رایگان از Wallpapers.com است که کاملاً در مرورگر شما اجرا میشود — بدون نصب، بدون واترمارک، بدون ثبتنام ایمیلی برای اولین تلاش.
گرادیان خطی یا شعاعی با خروجی CSS قابل کپی-پیست بسازید.
نحوه استفاده تولیدکننده گرادیان
- یک رنگ از نمونه انتخاب کنید یا یک مقدار HEX / RGB را جایگذاری کنید.
- خروجی را تنظیم کنید — پالت، کنتراست، رنگهای مکمل.
- مقدار را کپی کنید، یا نمونه را به صورت JSON صادر کنید.
زمان استفاده از آن
موارد استفاده رایج عبارتاند از:
آمادهسازی تصاویر برای آپلود وب، فهرست محصولات فروشگاهی، پلتفرمهای شبکههای اجتماعی با محدودیت فرمت، و تبدیل فایلها از یک دستگاه یا برنامه به دیگری.
رایگان در برابر پریمیوم
هر بازدیدکننده یک اجرای آزمایشی رایگان دریافت میکند؛ کاربران رایگان واردشده سهمیه روزانه بالاتری دارند. مشترک شوید
پریمیوم
برای اجرای نامحدود، پردازش دستهای تا ۲۰۰ تصویر در هر کار، صف اولویت، و مرور بدون تبلیغات.
ابزارهای مرتبط
به دنبال چیز کمی متفاوت هستید؟
انتخابگر رنگ از تصویر
,
استخراج پالت
یا
تبدیلکننده مقیاس خاکستری
— یا همه را مرور کنید
ابزارهای رنگ ابزارها.
