WebGradients vs UI Gradients
功能、优缺点、定价全方位对比，帮你做出选择
简介
WebGradients是专为设计与前端从业者打造的免费线性渐变资源站，集合180种人工精选的渐变方案，覆盖暖调、冷调、清新、低饱和等多种风格调性，每个渐变提供实时预览图与一键复制CSS代码功能，所有素材可免费用于个人与商业项目。
核心功能
- 多风格库
- 一键复制
- 商用授权
- 风格筛选
- 实时预览
- 代码适配
- 无下载费
- 分类检索
优势
- 商用免费
- 一键复制
- 风格丰富
- 无需注册
不适合的场景
- 不适合复杂场景
- 不适合定制化
- 不适合多格式
定价
WebGradients目前所有素材均免费开放使用，支持商业与个人项目无限制调用，具体功能与权限以官网公示为准。个人设计师、小型开发团队可直接使用全部免费素材，中型企业如需批量商用可参考官网的品牌合作指引，无需支付额外费用。
简介
这个工具收录了超1200组专业调试的UI渐变配色方案，支持一键复制Hex、RGB色值，可直接导出适配前端开发的CSS渐变代码，也能直接下载渐变背景图，帮设计师和开发者快速搞定界面、海报的渐变配色需求。
核心功能
- 配色浏览
- 分类筛选
- 代码导出
- 色彩调整
- 角度调整
- 图片导出
- 一键复制
- 暗色适配
优势
- 聚焦渐变配色，功能不冗余
- 海量成熟配色，覆盖多种风格
- 操作简单，点击即可复制色值
- 基础使用完全免费无门槛
不适合的场景
- 不适合需要定制专属渐变的场景
- 不适合需要完整设计组件的场景
- 不适合需要移动端离线使用的场景
定价
基础使用完全免费，无需注册账号就能调用全部公开配色方案，目前没有付费增值服务，所有公开功能均可直接免费使用。