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

 

 

今天为大家分享配色网站:Grabient,这个网站的交互体验还真不错!拥有它可以方便实现漂亮的渐变效果。

 

 

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

 

网站名称:Grabient
网站地址:https://www.grabient.com/

网站特色

 

  • 支持 CSS 样式代码复制
  • 可以操控360度渐变旋转
  • 自由增加或删除渐变颜色
  • 超方便的交互操作

 

 

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

 

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

渐变角度变换

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

 

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

 

增加配色

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

 

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

 

改变渐变范围

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

 

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

删除色块

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

 

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

切换颜色模式

比如 HSL,RGB,HEX 之间切换

 

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

复制 CSS 代码

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

 

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

 

原文来自:设计达人

点赞

发表评论