uiGradients

uigradients.com又名 uigradients

免费免登录的渐变色配色库,把数百组带名称的双色渐变整理成一页色卡,每组给出起止色值和可直接复制的 CSS 代码,适合写 CSS 背景时找一个现成的 linear-gradient。

工具免费不用登录网页英文

打开官网替代品 6 个 uigradients.com
uiGradients 首页截图

uiGradients 是一个渐变色配色库,把几百组双色渐变整理成一页可浏览的色卡。每组渐变有名字,比如「Visual Blue」「Neon Green」「Moonwalker」,点开能看到两个色值(如 #2c3e50 → #3498db)和对应的 CSS 代码。做网页、App 或海报时,如果不想从零调色,可以在这里翻一翻,找到顺眼的渐变直接复制走。

主要功能

页面主体就是渐变列表,按名称排列,滚动浏览即可。每组渐变展示起止色值,方便直接抄进样式表。顶部有「Show all gradients」按钮,用来展开全部色卡。另外提供分享到 Twitter 和 Facebook 的入口,看到喜欢的配色可以顺手发出去。

适合谁

前端开发者和 UI 设计师用得最多:写 CSS 背景时需要一个现成的 linear-gradient,或者做设计稿时想快速试几种渐变方向。对配色不敏感、又不想装专业软件的人,也可以把它当灵感库翻着看。

费用与限制

网站本身免费打开,不需要注册就能浏览和复制色值。页面没有标注授权条款,商用前最好自己确认一下。它只提供双色渐变,没有多色渐变编辑器,也不能在站内调整角度或保存收藏;想要更复杂的渐变,得拿色值去别的工具里继续调。

常见问题

uiGradients 收费吗?
uiGradients 免费使用。
用 uiGradients 要登录吗?
不用登录就能用。
uiGradients 有哪些平台 / App?
支持 网页。
uiGradients 的替代品有哪些?
本站整理了 6 个替代品,例如 CSS Gradient、毒蘑菇配色、配色卡、Colors and Fonts。

替代品 全部 6 个 →

收录于 2024 年 12 月 · 更新于 11 月 8 日 · 浏览 260 · 报告问题

替代品 6 个打开官网uigradients.com