β

Grabient 在线渐变配色网站,交互操作超方便

设计达人 232 阅读

Grabient - 在线配色网站

很早之前我们分享过《 WebGradients – 提供180种渐变配色灵感的网站 》这里面有很多不错的渐变配色方案,而今天继续为大家分享这类配色网站:Grabient,这个网站的交互体验还真不错!拥有它可以方便实现漂亮的渐变效果。 Grabient - 在线配色网站 网站名称:Grabient 网站地址: https://www.grabient.com/ (已添加至 设计导航 配色栏目)

网站特色

下面我们来看看这个交互体验不错的配色网站,试过之后你一定会喜欢上它!

渐变角度变换

点击左下角「90度」图案,就可以操控渐变的角度哦!

增加配色

这个作品相当简单,点击加号就可以,同时还能选择颜色。

改变渐变范围

点击右下角设备图标,就可以通过拖动来设置渐变范围了,是不是很方便?

删除色块

按信一个色块,然后向右拖动到「垃圾桶」图标即可。

切换颜色模式

比如 HSL,RGB,HEX 之间切换

复制 CSS 代码

只要点击一下就能复制 CSS 代码……

关于在线配色网站

Grabient 网站目前已加入到设计导航,目前导航已精选12+优秀的在线配色网站,各有各特色,设计师需要配色灵感的时候,记得到导航查找灵感哦!


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

UI设计QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
作者:设计达人
爱设计,爱分享。
原文地址:Grabient 在线渐变配色网站,交互操作超方便, 感谢原作者分享。

发表评论