免费工具Design

设计漂亮的渐变并导出为 CSS 或图像

选择颜色、添加停止点并调整角度或中心点以创建您需要的精确渐变。该工具支持线性、径向和圆锥渐变，具有无限的颜色停止点。复制样式表的 CSS 代码或将渐变下载为高分辨率 PNG 以在设计项目中使用。

特征

创建具有任意角度的线性渐变、具有可调整中心和形状的径向渐变或围绕点扫描的圆锥形渐变。在类型之间切换，预览会立即更新。

沿着渐变条添加所需数量的色标。拖动停止点以重新定位它们，双击以更改颜色，或右键单击以删除。每个停止点都支持半透明渐变的不透明度。

该工具生成带有供应商前缀的有效 CSS 背景图像代码。复制代码并将其直接粘贴到样式表中。当您编辑渐变时，输出会实时更新。

以任何分辨率下载 PNG 渐变 — 从 100 像素缩略图到 4000 像素横幅。在不支持 CSS 渐变的工具中使用图像作为背景、叠加层或设计元素。

选择线性、径向或圆锥形。对于线性，设置角度；对于径向，设置中心点和形状。

单击渐变栏以添加色标。拖动以重新定位，双击以更改颜色，并调整每个停止点的不透明度。

复制生成的 CSS 代码以供 Web 使用，或设置分辨率并将渐变下载为 PNG 图像。

是的。每个色标都有一个不透明度滑块。将不透明度设置为低于 100% 以在渐变中创建半透明区域。 CSS 输出使用 rgba 值，PNG 导出保留 Alpha 通道。

圆锥渐变围绕中心点辐射颜色停止点，就像时钟指针的扫描一样。它对于饼图样式效果、色轮和装饰背景很有用。现代浏览器的浏览器支持非常出色。

是的。输出是标准 CSS，可在纯 HTML、React、Vue、Tailwind 以及支持内联或基于样式表的 CSS 的任何其他框架中工作。

AI Enhance 可以调整照片的色调和光线，我们的图像叠加工具可让您在任何图像上混合渐变，以获得精美的外观。

Explore our other limited free edits after sign-in photo and image tools.

将图像大小调整为精确的像素尺寸，以适应社交媒体、网络和印刷品。无需注册。支持最大 50 MB 的 JPEG、PNG 和 WebP。

将 JPEG、PNG 和 WebP 图像压缩高达 80%，同时将可见质量损失降至最低。调整质量滑块以实现完全控制。无需注册。

立即将 PNG 图像转换为 JPEG 格式。调整输出质量，为透明区域选择背景颜色，然后下载 - 无需注册。

将 JPEG 图像转换为 PNG 格式以获得无损质量和透明度支持。背景去除前的理想选择。无需注册或安装。

将 Apple HEIC 和 HEIF 照片转换为普遍兼容的 JPEG 格式。在浏览器中工作 - 无需安装应用程序，无需注册，无需将文件上传到服务器。

将 JPEG 和 PNG 转换为 WebP 以加快页面加载速度，或将 WebP 转换回 JPEG/PNG 以实现兼容性。无需注册，无需安装，在浏览器中运行。