「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

每次要选择颜色的时候,我总是会从众多配色工具找一两个自己喜欢的,无论从中寻找灵感或挑选合适的颜色都很好用,例如:Coolors快速选色器,后来改版后界面稍微有变得复杂一些;另外还有Colordot更人性化的选色工具服务,在移动鼠标摇标时轻松找出配色灵感;我也喜欢NIPPON COLORS代表日本的250种颜色,这是找寻日本传统色系配色的绝佳网站。

越简单的工具越深得我心,至少可快速解决问题而不用花太多时间摸索,本文要推荐的「ColorSpark」是一款非常易用的选色器,开启网站按下「生成」按钮,每次都会随机出现一种颜色,同时也会显示十六进制颜色代码可快速复制。

除此之外,ColorSpark还提供渐层色(梯度)产生器,之前在WebGradients和CoolHue有介绍过收录渐层背景免费下载的网站,现在你也可以在这项服务上随机产生渐层色,一键快速复制CSS3语法,将它加入你的网站设计。

站点名称:ColorSpark

网站连接:HTTPS://colorspark.app/

使用教学

步骤1

开启ColorSpark会随机出现一个颜色,下方会有十六进制色码,点选「生成」重新产生一个颜色,每个颜色之间没什么关连,可以多按几次看看有没有让自己赏心悦目的颜色。

「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

STEP 2

点选上方的「渐变」切换成渐层色模式,会显示两种颜色及偏移角度。

「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

点击右下角的「复制CSS」可快速复制CSS3代码,将它放进CSS档就能成为背景颜色使用。当然还有其他使用方法,可以自己研究一下语法,总之ColorSpark主要用途就是让使用者找到配色灵感。

「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

STEP 3

此外,ColorSpark还提供夜间模式,从右上角点选月亮图标切换,夜间模式底色会变深色,但功能一样没变,蛮有趣的功能。

「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制

依照ColorSpark说明表示这项服务是为了让设计师找到独特的颜色和渐层组合,通过这个可产生随机颜色和渐变颜色的工具,可以找到一些原本不知道的颜色,这是一个有趣的实验,或许可以为你的下一个设计项目激发出灵感。

67运营推荐值得一试的三个理由:

1、可随机产生颜色或渐层色组合

2、 一键复制十六进制色码或CSS3代码

3、 界面简单易用,内置夜间模式降低亮度

赞赏

微信赞赏支付宝赞赏

未经允许不得转载:免讯网 » 「UI设计必备」随机产生颜色或渐层色组合显示CSS3代码快速复制
分享到: 更多 (0)

免讯网专注分享网络资源资讯

关于我们联系我们
,