渐变生成器

所有工具
渐变生成器
从零开始构建线性、径向和锥形 CSS 渐变，支持可拖动的多色标控制与精选预设。即时复制可粘贴的 CSS。
实时预览
预设
渐变类型
角度
°
颜色色标
拖动滑块可移动色标，点击渐变条可添加新色标。选中色标后可编辑其颜色。
已选色标
%
CSS
background: —;

所有计算均实时在浏览器中完成——无需注册，完全免费。

分享
相关工具
图像渐变生成器

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

通过交互式色轮构建和谐配色方案——应用类比色、互补色或三角配色等规则，即时复制任意色值。
颜色混合器

将起始色渐变至目标色，最多生成 10 个过渡步骤——预览渐变效果，获取每个色阶并即时复制任意格式。
热门搜索
渐变生成器 css 渐变制作 线性渐变生成器 径向渐变制作 锥形渐变 css 免费渐变生成器

将此免费工具添加到你自己的网站 — 复制并粘贴下面的代码。