图像渐变生成器

从任意照片提取精美渐变——拖入图像、选择色调，主色调自动成为可拖动的渐变色标。即时复制可粘贴的 CSS。

或点击浏览——也可从剪贴板粘贴

所有操作均在浏览器中完成——图像永不上传，无需注册，完全免费。

关于图像渐变生成器

从图片生成渐变工具可以把任意照片转换为可直接使用的 CSS 渐变。拖放、浏览或粘贴一张图片,工具会在画布上读取图像,提取其主色调,并将其排布为渐变色标,你可以拖动、更改颜色或重新排序,直到渐变效果贴合原图的感觉。

风格选择器——鲜艳、明亮、柔和、深邃或暗色——会改变哪些提取出的颜色成为色标,因此同一张照片可以得到多种截然不同的渐变。你还可以控制渐变类型(线性、径向或锥形)、角度以及色标本身:点击色条即可添加,拖动可重新定位,一键即可反转或旋转。

整个过程都在浏览器中完成;你的图片永远不会上传到服务器。当预览效果满意时,可以复制完整的 CSS 规则、仅复制背景值,或单独复制提取出的颜色——非常适合从照片衍生出的英雄区块、页面背景和品牌视觉。

不会。图片会直接读取到浏览器中的画布上,颜色提取和渐变计算都在本地完成。任何内容都不会离开你的设备。

是的,完全免费。由于一切都在客户端运行,没有积分、账户或次数限制——你可以从任意多张图片中提取渐变。

这个工具从一张照片开始:它提取图片的主色调并据此构建渐变。普通的渐变生成器则从零开始,由你自己选择颜色。两者产生的都是同样可编辑、可直接复制的 CSS。

风格会对从图片中提取出的颜色重新排序:鲜艳偏好生动多样的色相,明亮选取明快饱和的色调,柔和选取更柔和去饱和的颜色,深邃和暗色则提取更浓郁、更暗的颜色。切换风格会立即重新生成渐变色标。

可以。每个色标都可拖动,你可以点击色条添加色标或移除选中的色标,更改任意色标的颜色,在线性、径向和锥形之间切换,以 45° 为单位旋转角度,反转方向,或从图片中重新打乱出新的颜色。