uiGradients

uiGradients

为设计师与开发者精选的彩色渐变浏览按名称整理的渐变方案,查看对应色值并调整渐变方向。选定方案后,可复制 CSS 代码或下载当前渐变,也可通过公开入口添加新的渐变方案。

uiGradients 页面快照
2
当前 Midnight City 渐变色值
CSS
可复制的代码格式
主要功能

查找并使用彩色渐变

从渐变浏览、方向调整到代码复制和下载,提供完整而直接的使用入口。

浏览渐变合集

通过全部渐变列表查看大量按名称整理的彩色渐变方案。

查看颜色组合

页面展示当前渐变的起止色值,例如 Midnight City 使用 #232526 与 #414345。

切换渐变方向

可调整当前颜色组合的渐变方向,查看不同方向下的视觉效果。

复制 CSS 代码

打开代码窗口并复制当前渐变对应的 CSS 代码。

下载当前渐变

通过页面提供的下载入口保存当前选中的渐变。

添加新渐变

使用 Add New Gradient 入口向社区合集提交新的渐变方案。

社区内容

参与渐变合集建设

该合集面向社区开放贡献,可通过公开的 GitHub 仓库和贡献说明了解如何添加新渐变。

开放社区贡献

项目标注为面向社区建设,并提供 GitHub 贡献说明,供参与者了解新增渐变的方式。

相关资源

官方入口与贡献资料

查看在线渐变合集、项目代码仓库及社区贡献说明。

uiGradients

从这里开始使用uiGradients。