资源分享

设计师最爱,好看的网页渐变色工具网站。

文 :管理员 来源 :原创 阅读 :663 1年前

渐变配色在一些 UI 设计上已经流行,自己调的渐变不好看?

今天收集了一些在线的渐变生成和下载网站,拥有强大的编辑功能,还有很多现成的模板可以下载,对于不善于配色的同学可以说是非常实用的。


CoolHue

网站地址:CoolHue

在线颜色渐变色组合,快速生成CSS3语法——CoolHue

CoolHue 是一个托管在Github上的颜色代码分享网站,首页大概有 60 种渐变色背景,当然,这个数目会持续增加,挑选最流行和最常用的渐变色代码,设计师们可以自由选择想要的渐变色CSS代码应用到自己的网站设计项目。选择自己喜欢的颜色,点击下载即可获得一张适当分辨率的方形 PNG 图片。点击代码图标,可以复制该渐变色的 CSS3 语法。在一些网页设计中,直接应用,相比上传渐变色图片,更省流量。下方可以直接复制 16 进制代码,用于 PPT 或者 PS ,甚至电脑画图程序当中。



UIgradients 

网站地址:UIgradients 

设计师最爱,好看的网页渐变色工具网站。

以分享美丽渐变色彩为主的分享站,点击左上角的菜单,即可显示所有内容,通过不同颜色选择不同配色,接近上百种渐变配色方案,设计师可根据自己风格来选择搭配,通过不同颜色选择不同配色。点击右上角的方向箭头,可以旋转配色角度;点击代码按钮,可以复制它的 Css 代码,用于其他设计。点击下载按钮,即可获得一张足够分辨率的 JPG 图片。当然,你还可以直接点击顶部的色值,复制 16 进制色值。此外我们还能直接获得对应渐变配色的CSS代码,相当方便,但要注意浏览器要兼容CSS3才行。



Webgradients 

网站地址:Webgradients 


配色感是会随着年龄跟阅历改变的,多看好的配色,就是可以提高色感。因为里面的颜色真的都很好看,没有配色灵感的时候进去看看,绝对是能够有不少收获的。Webgradients 大概拥有 180 种渐变配色,在首页点击色块即可全屏显示当前配色方案;同样,在底部可以复制 16 进制色值以及 CSS 代码,点击色块右上角,即可下载 PNG 格式图片。



ColorDrop 

网站地址:ColorDrop 

ColorDrop,一个可以探索发现上百万种配色方案的在线颜色组合调试工具,这个配色网站设计很简单,没有任何复杂难懂的其他东西,只是提供丰富的各种色彩组合。如果你没有灵感,可以到这上面逛逛,总能找到自己喜欢的色彩搭配。

QQ截图20230614103123 (1).png

该网站把四个不同的颜色整合在一起,点击其中一个颜色后会跳出对应的颜色参数(HEX/RGB),设计师可以将这些颜色应用于设计项目。其渐变背景方案仅提供了46种搭配,都是比较不错的搭配且可以直接复制CSS。



点赞

7

免责声明
  • 本站提供的所有内容仅供学习、分享、交流,如有侵犯您的合法权益,请联系我们处理。本站所有留言、评论属于内容发布者,与本站观点及立场无关!

随机推荐

MacOS 14 Sonoma Beta3 23A5286g ISO
« 上一篇 10-12
Freepik:免费的素材搜索引擎
下一篇 » 08-07

评论

共0条评论
  • 这篇文章评论空空如也,赶紧来抢沙发吧~


© 2021-2027 Powered By YzmCMS
蜀ICP备 2021015236 号 萌ICP备20242886号
相关侵权、投诉及建议等,请发E-mail:1476705828@qq.com。

友情链接: YzmCMS官方网站 YzmCMS博客