连发设置生成工具_2020年配色工具精选,亲测实用!

 ? 配色工具 ? 

好的配色能让设计更加出彩

  但如果缺少灵感怎么办?

 快试试配色工具吧!

之前格格学姐为大家整理了

2020年第一波实用设计工具合集 | 干货

免费可商用!这些宝藏网站,绝对是设计师的必备

今天再次为大家精选了一些

超棒的在线配色工具

  亲测实用,强推! 

68278b95eae8c53444a920f5f15b3c4e.png

 Color — Cloudflare Design 

515ca29d47f9c8d5c09b11bec7fc2010.png

https://cloudflare.design/color/

一个专为UI设计师创建的配色工具,简单易操作。可以通过网址导入生成配色方案,也可以在上方设置自己想要的配色,下方就会展示相应的界面

593152e3e74734508417f0ae709989e9.png

同时,它还包含超多种配色方案,风格多样,会自动变化,绝对可以激发你的灵感!遇到喜欢的,点击展示界面上方的暂停键,然后点击❤,即可收藏。

947caf2c5e8b9cd222b20992b47a1167.png 38e9ba3255223bc39916a35477ff5dc7.png

下面还有设置区域,可调整边框宽度、板块间距,上面同样会出现相应的变化。并且展示了界面配色的详细信息,可以说是超实用啦!

1296a9754809c405ee97beecc00d3b64.gif

 Colorable 

39950ce0a5172ad58033f1295069d30f.png

https://colorable.jxnblk.com/

它也是一款非常实用的配色工具,可以自己设置,查看展示效果。同时,Colorable 还可以自动生成配色组合,包括排版所需的文字及背景颜色,这些颜色不是随机显示,而是真正符合 WCAG(网页内容无障碍指南)规范的 

b524af474ffed96e25e65a74598b4001.png c793578818c35135f4cbd02f72caffd4.png 359dd1a91a01c0840d29ac374c6ce725.png 3e8b21d5dc81f404e80a4549ba9cfcad.png d2879c2d3fac8f831ac8ffd5f3cbe837.png 3f70e6ad798a8c3be308914e6b5727a5.png

点击左下角的Random,即可展示多种风格的配色方案。点击Reverse,背景色和文字颜色就会互换。应有尽有的配色方案,绝对可以给予你源源不断的灵感!

1296a9754809c405ee97beecc00d3b64.gif

 Scale 

df69a7e2523e33c6e0b0d6967382e2c4.png

https://hihayk.github.io/scale/

Scale是一款快速色标生成器,也可以快速生成文字和背景的配色方案。不过与Colorable不同的是,生成一种配色方案后,在Background处可以挑选6种推荐的背景颜色,查看不同的效果,无需更换全部配色。

a5006be518f2f8822f1c5a041bd83bba.png 14b44febed85e8eeb2b7b1720ab8a706.png

同样的,用户也可以自主进行配色更改。下方可以自定义深色和浅色的数量,并可以具体设置明暗度、色度角、饱和度。Scale可谓是既提供了灵感,又方便了使用者对其进行调整,真是贴心又实用!

1296a9754809c405ee97beecc00d3b64.gif

 Muzli Colors 

e14727d8a9825822176f622a94514c49.png

https://colors.muz.li

Muzli Colors的首页就提供了多种主色调选项,以及一些流行的配色方案。

b3f9ddb313bcedd7e7718ffcb8f14178.png 060a58c1b119d6b4ea9fec4c10655a25.png

选择好后,还可进行预览,有明暗两种界面。

2b56ef39f15250c1e16d7320e8b8b957.png 4274ffa7cd058f6481e76f507f9bbfcc.png

对待展示界面,也可以根据需要,进行配色调整,并下载自定义UI工具包。对UI设计师来说,实在是太友好了!

0ab128f8437a0a0e1a22126fc13e1474.png 1296a9754809c405ee97beecc00d3b64.gif

 ColorSpace 

84050697682a3ab1ec94ebfba76ba4fa.png

https://mycolor.space/

Color Space是一款非常实用的渐变生成器。只需要选择一个颜色,就可以快速生成20~30种不同风格的配色方案,并展示在下方

d2428eb7cf12696b59fee5f451262040.png 975936150d187f152b2bb4b89d8e28f3.png

点击右上角的梯度,可以进行渐变效果预览。可以选择不同的两种或三种颜色,以及9种渐变方式。可以说,有了这个工具,渐变设计就再也不用愁啦!

8875c62391ec314b39b98c4672747d50.png 1296a9754809c405ee97beecc00d3b64.gif

 Pigment 

b2685ed67e827f94d62398f2df053b2d.png

https://pigment.shapefactory.co/

Pigment可以在左侧设置饱和度、色温以及色系,并生成超多种配色方案。选择一种后,可以进行进一步调整。

1c4701296fd88586e06f1be8a5059441.png

在右上角的More Action中,还可以查看不同配色的配色场景图片,以及渐变预览,还可以设置渐变角度,并查看超多种渐变方案推荐。

e683e8c06dfe3bf685123c0f09321351.png 1296a9754809c405ee97beecc00d3b64.gif

 Site Palette 

231a92d55c7742ba566a86592173e73e.png

http://palette.site/

Site Palette可以说是一款,设计师和前端开发人员必备的谷歌插件!它可以自动吸取网站的主要颜色,帮助我们建立色板,以及寻找相关配色的图片,并一键下载配色方案。

1296a9754809c405ee97beecc00d3b64.gif

Eva Design System

acef6c5dda0c815f72dafdabb24ea8d5.png

https://colors.eva.design/

Eva Design System是一个基于深度学习算法的配色网站,可以用他给我们的产品或品牌生成一个系统的配色方案。可以进行品牌颜色的选择,然后可以根据需要,对推荐的配色方案进行调整。

1296a9754809c405ee97beecc00d3b64.gif

 Adobe Color 

6dfbe87312ebef8da7928aed661438fa.png

https://color.adobe.com/create

Adobe Color可以在左侧选择相似、互补、三原色等不同色彩规则,并通过移动色轮上的取色按钮,或输入自定义色值,创造出不同的配色方案。除此之外,它还支持CMYK、RGB、HSV多种色彩模式的配色调整。

1296a9754809c405ee97beecc00d3b64.gif

 LOL Colors 

e2c60a6ecf350d4e081da4f0dd28e2c8.png

https://www.webdesignrankings.com/resources/lolcolors/

LOL Colors是一款可爱的配色网站,色彩大多明快清新,鼠标悬停在颜色上,即显示色值,方便收藏色卡。

1296a9754809c405ee97beecc00d3b64.gif

 Gradient Hunt 

13b6d558d950d8d9df6438b206563483.png

https://gradienthunt.com/

Gradient Hunt是一个免费开放的色彩灵感平台,有数千种时尚的颜色渐变,支持png模式的下载,并且每天都会更新~看看大家上传的渐变方案,为自己提供一些灵感吧~

1296a9754809c405ee97beecc00d3b64.gif

今天的分享就到这里啦~

更多分享点这里 ↓

2020年7个设计趋势,不懂就OUT啦!

设计太单调,想提升层次感?资深设计师总结了这些tips

为什么莫兰迪色如此高级?(含PPT模板、壁纸福利!)

看似简单的渐变,你用出高级感了没?

业界“奥斯卡” 2020 Communication Arts插画奖公布获奖名单

如果你还有什么设计类相关问题或者推荐内容,都可以到后台留言给我吼~期待与你的交流~

 扫我扫我 ?

0a10d6f2ea9d5e024f00197f77b87575.png

听说,优秀的小伙伴早就点啦~?

-----------------更新说明----------------- 1.1.2: 支持所有的按键,特殊键也可以直接设置,不用复制到连发设置框。 取消F12这个热键开关,改为左右WIN键,而且屏蔽了这2个键,按了不会弹出的,变成开关,原来的Scroll Lock不变。 1.1.1: 解决个别杀毒软件误报的现象,原因是由于UPX压缩引起的。 UPX压缩的好处是生成连发工具体积非常小,只有200KB+,不压缩有400KB+。 生成时加入对话框由用户自行决定是否用UPX压缩(以往默认使用UPX压缩,所以误报很正常)。 右键菜单加入热键。 1.1.0: 解决在关闭连发的情况下所有按键都不正常的BUG,优化了脚本,效率提高,(请务必更新)。 该BUG的表现:按住还能连发(速度慢),有时候随便按个键还按不出(按键不正常)。 修改版本号的形式为X.X.X,菜单加入英文单词提示。 -----------------使用说明----------------- 连发不是连招。。。连发的意思是按下一个键不放就自动连按该键,比如按下X键不放就实现自动攻击,比手动按要快得多,节省力气,还能减少键盘寿命o(∩_∩)o...,至于效果怎么样自己测试吧。 设置自己的连发键: 下载好之后运行 SET_AHK.exe 然后设置你要连发的按键,比如X键,然后点增加,然后点生成连发,就会在目录下面生成一个新文件: DNF_AHK.exe DNF_AHK.exe 可以单独运行的,你可以复制该文件到其他地方保存起来,SET_AHK.exe文件不需要了,当然了,要修改按键必须要用它。 如何使用连发工具: 运行上面生成好的 DNF_AHK.exe 就可以了,工具首次运行自动判断 Scroll Lock 键,会直接开启连发。注意:指示灯亮就表示开启,如果要打字就再按次Scroll Lock键,指示灯关闭就表示关闭连发功能,打字完再按次Scroll Lock键保持连发的开启状态,1.1.2以后版本增加连发热键开关:左右WIN键。 -----------------调整延时方法(非必须)----------------- 第一次运行建议先设置你的键盘延时,这样效果会更加好,当然你也可以不设置,一样可以用本连发工具,而且速度也很快: 直接运行 SetInterval.bat 文件(该文件只有在运行SET_AHK.exe的状态下才生成),点确定导入注册表即可。 这一步其实可以这样操作:控制面板---键盘---重复延时--短 托到最右边的短那里,然后重启电脑就可以了,本工具自带的注册表原理一样的,只是用 SetInterval.bat 弄好之后就可以不重启电脑直接生效,方便网吧用户。 该连发工具基于AutoHotkey核心制作而成。 Vista和WIN7系统请以系统管理员身份运行连发工具,否则可能无法连发,也请大家测试下这些系统是否能用。 56q.5d6d.com 离不开电脑制作
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值