DY点线面

  • 首页
  • blog
  • 设计导航
  • 下载
  • 吾爱淘
  • 关于
致力于设计干货分享
  1. 首页
  2. 色彩
  3. 正文

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

2018年6月6日 2063点热度 4人点赞 0条评论

 

 

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

 

 

 

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

网站特色

 

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

 

 

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

 

渐变角度变换

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

 

 

增加配色

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

 

 

改变渐变范围

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

 

删除色块

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

 

切换颜色模式

比如 HSL,RGB,HEX 之间切换

 

复制 CSS 代码

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

 

 

原文来自:设计达人

标签: CSS 渐变 网站配色 配色
最后更新:2018年6月6日

D. Young

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

您需要 登录 之后才可以评论

D. Young

这个人很懒,什么都没留下

文章目录
  • 网站特色
  • 渐变角度变换
  • 增加配色
  • 改变渐变范围
  • 删除色块
  • 切换颜色模式
  • 复制 CSS 代码

COPYRIGHT © 2023 dyart.5iux.cn. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang