CSS Gradient 的替代品
6 个可以替代 CSS Gradient 的工具，1 个可完全替代、5 个部分替代。费用、登录、平台与可访问性都是本站实测或从官网核对的。
CSS Gradient
cssgradient.io
Designstripe 出品的免费在线 CSS 渐变生成器，可视化调整线性与径向渐变的色标、角度并实时预览，复制标准代码即可用，还附色板、样本与教程，适合给网页或博客配背景时不想在代码里盲调的前端和设计师。
工具免费不用登录网页英文
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 Gradient Pro |
免费 | — | 网页 | 待检测 | 同为浏览器端渐变生成器，可调色与角度并导出 CSS，还多出预设和 PNG/SVG 导出 |
 Color Morph |
— | — | 网页 | 待检测 | 替代渐变生成这一块：网格渐变更柔和，可复制 CSS，但线性/径向手动调参不如本条 |
 uiGradients |
免费 | 不用登录 | 网页 | 待检测 | 替代选配色这一块：数百组命名渐变直接复制 CSS，缺少可视化调色标与径向渐变 |
 Dopely Colors |
— | 可选登录 | 网页 | 待检测 | 替代渐变生成这一块：颜色工具合集里含渐变生成，但站点分散、不如本条专注 |
 Cool Backgrounds |
— | 不用登录 | 网页 | 待检测 | 替代背景灵感这一块：聚合了 CSS Gradient 等多种背景生成器，单个工具深度不如本条 |
 WebGradients |
免费 | 不用登录 | 网页 | 可以 | 替代找现成渐变这一块：180 组双色渐变点选即复制 CSS，但不能自定义色标和角度 |
详细介绍
可完全替代 1
部分替代 5
Color Morph
tiny.photos 出品的在线网格渐变生成工具，随机生成柔和配色，可导出 SVG 或直接复制 CSS 代码贴进项目，适合前端开发者给页面配一张不抢内容的背景。替代渐变生成这一块：网格渐变更柔和，可复制 CSS，但线性/径向手动调参不如本条
uiGradients
免费免登录的渐变色配色库，把数百组带名称的双色渐变整理成一页色卡，每组给出起止色值和可直接复制的 CSS 代码，适合写 CSS 背景时找一个现成的 linear-gradient。替代选配色这一块：数百组命名渐变直接复制 CSS，缺少可视化调色标与径向渐变
Dopely Colors
在线颜色工具合集，提供配色生成、对比度检查、色盲模拟、渐变与图标处理等七十多个页面，给设计师和前端开发者调色用。替代渐变生成这一块：颜色工具合集里含渐变生成，但站点分散、不如本条专注
Cool Backgrounds
在线背景图生成工具，把 Trianglify、Particles、CSS Gradient 等五种 JavaScript 图形库封装成免代码的调参界面，无需登录即可生成三角网格、粒子线条和渐变纹理，适合博主给博客头图配一张不抢内容的底图。替代背景灵感这一块：聚合了 CSS Gradient 等多种背景生成器，单个工具深度不如本条
WebGradients
免费的网页渐变背景库，收录 180 组双色渐变并标注色值，点一下即可复制跨浏览器 CSS3 代码，另附 Sketch、Photoshop、Figma 素材包，适合前端开发者做落地页和卡片背景时直接挑一组现成的。替代找现成渐变这一块：180 组双色渐变点选即复制 CSS，但不能自定义色标和角度
还有：CSS Gradient Generator (ColorSpace)、Gradient Generator (CSSmatic)、CSS Gradient Generator (CSSmatic)、Gradient Generator (Josh Comeau)（未收录）