DCPIXEL
全部工具

CSS Gradient Genera转r

在浏览器中安全快速地执行CSS Gradient Genera转r。免上传服务器、免注册账号，完全免费且极速完成。

3 free tries left for this tool todayStart free 3-day trial →

Type

Angle135°

Color Stops

0%
100%

CSS Code

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

CSS Gradient Genera转r

DCPIXEL采用领先的前端WebAssembly与HTML5 Canvas技术，所有数据全部在您的设备本地处理，保障极高的安全性与数据隐私。

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

常见问题解答

Can I use more than two colors?
Yes, up to 6 color stops. Add a stop, pick its color, and drag its position along the gradient.
Does the CSS code work in all browsers?
Yes. Linear and radial gradients using this syntax are supported in all modern browsers.
Can I export the gradient as an image instead of CSS?
Yes. The Download button exports a 1200×630px PNG of the current gradient — a common size for social media banners and blog covers.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

You Might Also Like

Other tools that work great alongside this one

GIF Maker

在浏览器中安全快速地执行GIF Maker。免上传服务器、免注册账号，完全免费且极速完成。...

生成条形码

生成符合国际商业标准的条形码图像，清晰度高，可直接用于印刷与贴标。...

App Icon Genera转r

在浏览器中安全快速地执行App Icon Genera转r。免上传服务器、免注册账号，完全免费且极速完成。...

更多工具正在本地化翻译中 — 欢迎查看英文完整工具目录。

全部工具 →