核心功能
使用指南
- 1
第1步:在浏览器地址栏输入目标站点地址并访问
- 2
第2步:滑动页面浏览不同渐变方案的卡片预览效果
- 3
第3步:点击看中的渐变卡片唤起操作弹窗
- 4
第4步:根据需求选择复制Hex色值或RGB色值
- 5
第5步:前端开发者可选择一键复制完整CSS渐变代码
- 6
第6步:需要素材可点击下载按钮获取PNG渐变图
- 7
第7步:将获取的内容粘贴到设计或开发工具中使用
优势亮点
聚焦渐变配色，功能不冗余
海量成熟配色，覆盖多种风格
操作简单，点击即可复制色值
基础使用完全免费无门槛
使用须知
定价: 基础使用完全免费，无需注册账号就能调用全部公开配色方案，目前没有付费增值服务，所有公开功能均可直接免费使用。
价格和授权政策可能变化，请以官网最新信息为准
资料由中文导航编辑部整理并经健康检测核验，定期复查更新。
收录信息以收录当日官网状态为准，如发现内容过期请通过下方反馈告知。
访问第三方网站时，请注意以下事项:
- 谨慎提供个人账号、密码和支付信息
- 下载文件前确认来源安全，警惕诱导性广告
- 涉及版权素材使用时，请核实授权范围
- 如遇网站无法访问或内容异常，可反馈给我们
常见问题
深度了解
做UI界面设计、网页开发排版或是海报素材制作时，渐变背景是提升视觉层次的常用手法，手动调试渐变参数往往要反复调整比例和色值组合，耗时又很难得到协调的效果。UI Gradients收录了超1200组经过设计师专业调试的渐变配色，每种渐变都标注了起止色值，支持直接预览不同比例下的渐变效果，满足不同设计场景的配色需求。
该工具是完全开源的在线配色工具，不需要注册登录也不需要下载客户端，只要网络正常就能在桌面端和移动端浏览器打开使用。从最初的数百组基础渐变方案，逐步更新扩展到上千组覆盖不同风格的配色，从仅支持色值复制到新增CSS代码导出、高清背景下载功能，始终保持免费开放的使用规则，不会给用户添加广告弹窗干扰使用流程。
用过UI Gradients？说说你的真实体验
你的点评会帮助上千万人避坑选型——匿名发表，无需注册，30 秒即可完成
用户评价
还没有评分
成为第一个评价 UI Gradients 的人
我的评分
随下方评论一并提交