مولد گرادیان از تصویر
یک گرادیان زیبا از هر عکسی استخراج کنید — تصویر را بیندازید، حالتی را انتخاب کنید و رنگهای غالب به توقفهای گرادیان کشیدنی تبدیل میشوند. CSS آماده چسباندن را فوری کپی کنید.
یک تصویر را اینجا بکشید و رها کنید
یا برای مرور کلیک کنید — میتوانید از کلیپبورد هم بچسبانید
همه چیز در مرورگر شما اجرا میشود — تصویر شما هرگز آپلود نمیشود، بدون ثبتنام، کاملاً رایگان.
background: —;
درباره مولد گرادیان از تصویر
تولیدکننده گرادیان از تصویر هر عکسی را به یک گرادیان CSS آماده استفاده تبدیل میکند. تصویری را رها، مرور یا جایگذاری کنید تا ابزار آن را روی یک کانواس بخواند، رنگهای غالبش را استخراج کند و آنها را بهصورت توقفگاههای گرادیان بچیند که میتوانید بکشید، رنگشان را عوض کنید و مرتبشان کنید تا آمیزش با حس تصویر اصلی همخوان شود.
یک انتخابگر حالوهوا (رنگارنگ، روشن، کدر، عمیق یا تیره) تعیین میکند کدام رنگهای استخراجشده به توقفگاه تبدیل شوند، پس یک عکس میتواند چندین گرادیان بسیار متفاوت تولید کند. شما نوع گرادیان (خطی، شعاعی یا مخروطی)، زاویه، و خودِ توقفگاهها را کنترل میکنید: روی نوار کلیک کنید تا یکی اضافه شود، بکشید تا جابهجا شود، یا با یک کلیک معکوس یا چرخانده شود.
کل فرآیند در مرورگر شما اجرا میشود؛ تصویر شما هرگز به سروری آپلود نمیشود. وقتی پیشنمایش مناسب به نظر رسید، قاعده کامل CSS، فقط مقدار background، یا رنگهای استخراجشده بهتنهایی را کپی کنید؛ ایدهآل برای بخشهای هیرو، پسزمینه صفحات و بصریهای برند برگرفته از عکاسی.
نحوه استفاده از مولد گرادیان از تصویر
- یک تصویر را بکشید و رها کنید، برای مرور کلیک کنید، یا آن را از کلیپبورد خود جایگذاری کنید.
- یک حالوهوا انتخاب کنید (رنگارنگ، روشن، کدر، عمیق یا تیره) تا مشخص شود کدام رنگهای استخراجشده به توقفگاه تبدیل شوند.
- نوع گرادیان (خطی، شعاعی یا مخروطی) را انتخاب کنید و زاویه را تنظیم کنید.
- توقفگاههای رنگی را بکشید تا آمیزش را دقیق کنید؛ در صورت نیاز توقفگاه اضافه، حذف، معکوس یا جابهجا کنید.
- روی «کپی CSS» کلیک کنید تا کد گرادیان آماده جایگذاری را بردارید.