南风娱乐网致力于优质软件,活动线报,游戏辅助,绿色工具等资源共享,好货不私藏!
精品资源,免费分享

UI设计师:随机生成颜色OR渐层色组合显示CSS3代码

作者:小刀

QQ截图20180731014454.png

UI设计师每当要选取页面颜色的时候,总喜欢找一些软件工具来帮助取色,软件工具比较好用,比如:Coolors快速选色器,另一个要说的Colordot更人性化的选色工具,在移动鼠标摇标时轻松找出配色灵感;我也喜欢NIPPON COLORS代表日本的250种颜色,这是找寻日本传统色系配色的绝佳网站。

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

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

网站名称:ColorSpark

推荐网站:https://colorspark.app/

使用教学

步骤1

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

QQ截图20180731014651.pngSTEP 2

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

QQ截图20180731014503.png

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

QQ截图20180731014516.png

ColorSpark

STEP 3

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

QQ截图20180731014525.png

ColorSpark夜间模式

按照ColorSpark则表明这项服务是为了让设计师找到独特的颜色和渐层组合,通过这个可产生随机颜色和渐变颜色的工具,可以找到一些原本不知道的颜色,有助于UI设计师更好的发挥。

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

最新评论