سازنده گرادیان چیست؟
سازنده گرادیان یک ابزار آنلاین و کاملاً رایگان برای ساخت گرادیانهای نرم، مش، دانهدار (گرینی) و متحرک است. این ابزار بر پایهی ۹۱ رنگ سنتی ژاپنی طراحی شده تا بتوانید پالتهای رنگیِ خاص و چشمنوازی بسازید. تمام محاسبات و رندرها در مرورگر خودتان انجام میشود و هیچ دادهای به سرور ارسال نمیشود.
انواع گرادیان در دسترس
در این ابزار بیش از بیستوهشت نوع گرادیان وجود دارد که هر کدام جلوهی بصری متفاوتی ایجاد میکنند:
- گرادیان خطی، شعاعی و مخروطی: سادهترین و پرکاربردترین انواع برای پسزمینههای وب و اپلیکیشن.
- گرادیان مش (Mesh): ترکیب نرم چند نقطهی رنگی که حالتی نقاشیگونه و ارگانیک ایجاد میکند.
- گرادیان گرینی (Grainy): حبابهای رنگی با بافت دانهدار و حالوهوای رترو.
- گرادیان شفق قطبی (Aurora): نوارهای درخشان و متحرک در آسمان شب، شبیه به شفق قطبی.
- گرادیان آسمان (Sky): ابرهای نرم و متحرک با جلوهی طبیعی.
- امواج، حلقهها، بلوکها، پیکسل، خطوط، شهر (Skyline) و … برای نیازهای خلاقانهی دیگر.
رنگهای سنتی ژاپنی
پالت رنگی این ابزار از رنگهای سنتی ژاپنی (واشیایرو) الهام گرفته شده است؛ رنگهایی مانند 桜色 (ساکورا) صورتی شکوفهی گیلاس، 藍色 (آی) سرمهای نیل، 藤色 (فوجی) بنفش گل ویستریا و 山吹色 (یامابوکی) طلایی کرکیا. هر رنگ با نام کانجی، روماجی و نام انگلیسی نمایش داده میشود تا هم برای فارسیزبانان و هم برای طراحان بینالمللی قابلاستفاده باشد.
تنظیم و سفارشیسازی
میتوانید تا ۶ نقطهی رنگی اضافه کنید، هر رنگ را با انتخابگر رنگی دقیق یا از پالت ژاپنی تغییر دهید، پارامترهای مخصوص هر نوع گرادیان را با اسلایدر تنظیم کنید و میزان نرمی (محو) و نویز تصویر را کنترل کنید. دکمهی «تصادفی» نیز بهسرعت ترکیبهای جدیدی برای الهامگیری پیشنهاد میدهد.
خروجیگیری از گرادیان
گرادیان ساختهشده را میتوانید بهصورتهای زیر دریافت کنید:
- PNG و JPG در اندازههای مختلف از ۱۰۸۰ تا ۴۰۹۶ پیکسل.
- SVG قابل کپی مستقیم در Figma بهصورت لایههای قابل ویرایش.
- MP4 برای گرادیانهای متحرک، با کیفیت و مدت دلخواه (نیازمند مرورگر Chrome یا Edge).
- کد CSS با پروفایلهای رنگی sRGB، Display P3، OKLCH و … برای استفاده مستقیم در پروژه.
- JSON برای ذخیرهسازی و به اشتراکگذاری تنظیمات.
حریم خصوصی و آفلاین بودن
این ابزار کاملاً سمت کلاینت اجرا میشود؛ یعنی گرادیان شما هرگز به سرور فرستاده نمیشود. خروجی MP4 نیز مستقیماً در مرورگر شما با فناوری WebCodecs ساخته میشود. پس میتوانید بدون نگرانی از حریم خصوصی، حتی با دادههای محرمانه کار کنید.
نکات استفاده برای طراحان و توسعهدهندگان
برای طراحان، گرادیانهای مش و گرینی بهترین انتخاب برای پسزمینهی صفحات فرود و ارائهها هستند. برای توسعهدهندگان، کد CSS خروجی را میتوانید مستقیم در استایلشیت پروژه قرار دهید. اگر به دنبال یک تصویر کامل هستید، فرمت SVG را انتخاب کنید و آن را در Figma بچسبانید تا لایههای قابل ویرایش دریافت کنید.