今天整理了23个非常好用的配色工具,有些是在线网页,有些是软件,绝对是最全最实用的合集。
大家慢慢享用吧。
![ffb94e4fbc2fa9eb7312615d6f8a0ea5.gif](https://img-blog.csdnimg.cn/img_convert/ffb94e4fbc2fa9eb7312615d6f8a0ea5.gif)
首先特别推荐2个网站
Adobe Color CC
https://color.adobe.com/zh/create/color-wheel/
Adobe 官网,非常强大,你可以上传喜欢的作品,看看它的调色盘是哪些。我用原画人设计学院彭钥老师的图做个示范:
![46310ce80ff573a064722aebd7b8de91.png](https://img-blog.csdnimg.cn/img_convert/46310ce80ff573a064722aebd7b8de91.png)
Colorexplorer
http://colorexplorer.com/
操作酷炫,你只要拖动小方块,就会自动匹配合适的颜色
![491aefb7e44758afdb5fba3b398737b1.png](https://img-blog.csdnimg.cn/img_convert/491aefb7e44758afdb5fba3b398737b1.png)
网站还可以查看图片配色,海妖放一张原画人设计学院龚珮老师的场景作品
![09e67486e5a99536c211aded9580e102.png](https://img-blog.csdnimg.cn/img_convert/09e67486e5a99536c211aded9580e102.png)
得到如下配色信息
![7df79cab36856dc7f786cbf3e1d684bb.png](https://img-blog.csdnimg.cn/img_convert/7df79cab36856dc7f786cbf3e1d684bb.png)
我这里选择了分析10种颜色,最高支持50种颜色分析。
![6d3414f541c94c3b85becab6f8172702.png](https://img-blog.csdnimg.cn/img_convert/6d3414f541c94c3b85becab6f8172702.png)
配色网
http://www.peise.net/
一个在线配色工具,提供配色方案,理论知识,软件使用技巧等。
![abb8dbd586f95a87af9fb74c923688f5.png](https://img-blog.csdnimg.cn/img_convert/abb8dbd586f95a87af9fb74c923688f5.png)
Flatuicolors
http://flatuicolors.com/
扁平化风格的设计配色参考网站。
![074ba85334adbd01f626406a8440ee20.png](https://img-blog.csdnimg.cn/img_convert/074ba85334adbd01f626406a8440ee20.png)
ColorHunt
http://www.colorhunt.co/
提供很多清新风格的配色,设计师专用。
![5ff8e78b1bc6c3a0016afd825f3f381d.png](https://img-blog.csdnimg.cn/img_convert/5ff8e78b1bc6c3a0016afd825f3f381d.png)
ColorLovers
http://www.colourlovers.com/
配色社区,你可以在这里和世界其他地区的设计师交流配色方案,谈笑风生。
![84118eac9a39d11eada35d4a8af194bd.png](https://img-blog.csdnimg.cn/img_convert/84118eac9a39d11eada35d4a8af194bd.png)
网站还有很多知名LOGO 的配色方案
![ead1dd4048b4ccaa73717e5032469128.png](https://img-blog.csdnimg.cn/img_convert/ead1dd4048b4ccaa73717e5032469128.png)
Colorjack
http://colrd.com/
网站非常漂亮,有很多世界名画和CG作品的图例+调色板,你也可以在这里上传自己的作品。
![99792c6ff811b4c48b673d233ab26877.png](https://img-blog.csdnimg.cn/img_convert/99792c6ff811b4c48b673d233ab26877.png)
![fdaed4216057840a655579cd3b390978.png](https://img-blog.csdnimg.cn/img_convert/fdaed4216057840a655579cd3b390978.png)
![bb822943195bf6c26a232051e116d91d.png](https://img-blog.csdnimg.cn/img_convert/bb822943195bf6c26a232051e116d91d.png)
Colorschemer
http://www.colorschemer.com/
提供搜索功能,Tag功能
![6373b02adb54be48297422b8fca54431.png](https://img-blog.csdnimg.cn/img_convert/6373b02adb54be48297422b8fca54431.png)
Dasplankton
http://www.dasplankton.de/ContrastA/
左边这个好好玩。
![d59e31e119b29ceb862b67af5d757337.png](https://img-blog.csdnimg.cn/img_convert/d59e31e119b29ceb862b67af5d757337.png)
![63fe730d350bc32488fb8cf13f4fc836.png](https://img-blog.csdnimg.cn/img_convert/63fe730d350bc32488fb8cf13f4fc836.png)
Colorhunter
http://www.colorhunter.com/
可以搜索图片,找到对应的调色盘
![d6b36ac463ab5d362047b4c0c65035da.png](https://img-blog.csdnimg.cn/img_convert/d6b36ac463ab5d362047b4c0c65035da.png)
Colorblender
http://colorblender.com/
网站有一个好,配色完成后可以直接下载act格式到电脑,再导入PS中,非常方便。
![183578401c175863b7e41c66798d9ba6.png](https://img-blog.csdnimg.cn/img_convert/183578401c175863b7e41c66798d9ba6.png)
Genopal
http://genopal.com/online.php
可以关键字搜索,也支持上传图片查看配色。
![08d26816f16dda2ca53dfff14d9427fe.png](https://img-blog.csdnimg.cn/img_convert/08d26816f16dda2ca53dfff14d9427fe.png)
0to255
http://www.0to255.com/
![5a5e35af8e9feaad2ef7d2b3c7a7577f.png](https://img-blog.csdnimg.cn/img_convert/5a5e35af8e9feaad2ef7d2b3c7a7577f.png)
Colourco
http://www.colourco.de/
除了给一些非常有建设意义的颜色配对,支持自由生成、单色、单色与深灰色、单色与浅灰色等,同时还可以生成图片或者CSS代码、链接,所有的颜色搭配都是采用渐进的颜色展示方式进行对比的。
![ca2dc5ad5855e5aaf0069dd01ac96b83.png](https://img-blog.csdnimg.cn/img_convert/ca2dc5ad5855e5aaf0069dd01ac96b83.png)
配色神奇
http://www.fancynode.com.cn/colorcube/home
兼容XP,同时推出MAC版! 加入PS色板导出,更优化了网页批量截图 | 屏幕取色等功能。
![f3d9005d73242448519c5038135177af.png](https://img-blog.csdnimg.cn/img_convert/f3d9005d73242448519c5038135177af.png)
CoolorUS
http://www.coolorus.com/
PS配色应用插件工具是一款优秀的 Photoshop 软件配色插件工具,很多功能很便捷,也有常见的配色方法、同色、补色和相似色等,基本可以秒杀一般的网页配色工具。
![72d8670b42ebb1ac767f95643e214dba.png](https://img-blog.csdnimg.cn/img_convert/72d8670b42ebb1ac767f95643e214dba.png)
Paletton
http://paletton.com/
一个成立于2002年的颜色配色工具,帮助平面设计师和网页设计师选择理想的配色方案,打开网站即可选择一种颜色,然后系统自动生成配套的色系供设计师使用。
![702966202756776ae6cbd9846c6edd4d.png](https://img-blog.csdnimg.cn/img_convert/702966202756776ae6cbd9846c6edd4d.png)
Coolors
http://coolors.co/
一个可以让你简单、快速的选色生成工具,为你找出配色的灵感,该网站是超快速为你生成配色,每次会为你挑选由五种颜色组合而成的调色盘,并显示颜色的代码,使用者可以快速选取使用,或是锁定其中的几种颜色。
打开Coolors后,会先出现一个简单的使用介绍,点击下面的按钮继续,会随即跳出来五个不同的颜色条,每条颜色下面有颜色代码,按键盘的空格键会随机出现五种不同的颜色,如果你确定一个颜色后点击颜色条下面的Locked来锁定,单独随机变化其中没有锁定的颜色。点选色码可以复制,或是修改为其他特定颜色。
在点选色条下方的色码后,能快速选取、复制,或是修改成其他颜色。整体来说,Coolors 是个相当好用的配色、色彩工具,里头有许多使用者所提供的色盘,当你想要一些配色灵感时,不妨到Coolors 找找吧!
![ab2c301cba71d0c2cb954108cb6def9e.png](https://img-blog.csdnimg.cn/img_convert/ab2c301cba71d0c2cb954108cb6def9e.png)
BrandColors
http://brandcolors.net/
收录世界最知名的品牌、知名网站logo颜色的色码,可以快速下载获取颜色文件,支持ASE、SCSS、LESS和CSS格式。比如Tumblr、Toyota、Quora等公司logo的色值都可以在这里直接下载,以国外企业为主,不过拉到最下面竟然有中兴。
![92d1ecf699e554d6de8c91de15a1600e.png](https://img-blog.csdnimg.cn/img_convert/92d1ecf699e554d6de8c91de15a1600e.png)
Pictaculous
http://www.pictaculous.com/
一款在线照片色彩分析工具,可以帮助用户分析图片里的颜色,只需要通过浏览器把照片上传到该网站即可帮助你把图片转化为调色板,使用者还能够将色系文档下载到本地使用。
![756c60526fe055aebded799e29324763.png](https://img-blog.csdnimg.cn/img_convert/756c60526fe055aebded799e29324763.png)
Material Palette
http://www.materialpalette.com/
一个致力于为设计师们提供颜色组合搭配的工具,让设计师轻松的选择自己喜欢的颜色,在线生成Metaerial Design 风格配色的搭配方案,让你从烦乱的颜色中筛选出一条极具创意的颜色组合。选择好呈现出来配色方案可多格式下载。
![5553ffb62bf210aa4f03f465a209427b.png](https://img-blog.csdnimg.cn/img_convert/5553ffb62bf210aa4f03f465a209427b.png)
nipponcolors
http://nipponcolors.com/
日本传统色系配色网,使用者透过NIPPON COLORS 即可轻松索引检视这些日本传统配色,包括色彩名称、色码(CMYK、RGB、HEX),亦能开启动态模式,自动随机切换不同背景色。若你想要在设计上走和风配色,或是日系的素雅风格,请务必到这个网站来找寻灵感。
![3f1ff38eb841c8733dc555fc595099c4.png](https://img-blog.csdnimg.cn/img_convert/3f1ff38eb841c8733dc555fc595099c4.png)
Color Hex
http://www.colorhexa.com/
网站有颜色的维基百科之称,在输入框随便输入一个粉红色 ff4782
![c6ec61e485fae5397248d53bb6c72abe.png](https://img-blog.csdnimg.cn/img_convert/c6ec61e485fae5397248d53bb6c72abe.png)
ColorHexa 自动生成与颜色对应的配色方案,比如互补/对比色(complementary)、分散的互补色(split complementary)、相似色(analogous)、三色(triadic)、四色(tetradic)、单色(monochromatic)。
![c62827a08b86d962ecd561c171ff0434.png](https://img-blog.csdnimg.cn/img_convert/c62827a08b86d962ecd561c171ff0434.png)
不止于此,网站还可以给出同类色,让你挑选出视觉最舒服的颜色。
![f3fd9f912e4c9bc329f6411b005513f4.png](https://img-blog.csdnimg.cn/img_convert/f3fd9f912e4c9bc329f6411b005513f4.png)
可以预览颜色使用效果
![37e6ff4a98d871afa5e8a3cb85f3e37e.png](https://img-blog.csdnimg.cn/img_convert/37e6ff4a98d871afa5e8a3cb85f3e37e.png)
还有暗色和亮色的效果
![a08ace11849d0acb7b0f6f83a4080355.png](https://img-blog.csdnimg.cn/img_convert/a08ace11849d0acb7b0f6f83a4080355.png)
色调
![14167328d38960f732ece4d8124157ff.png](https://img-blog.csdnimg.cn/img_convert/14167328d38960f732ece4d8124157ff.png)
最最最体贴周到的是,网站还给出一个颜色在色盲眼中对应的颜色。
![fa8c95b08b50d1c4192518e79c270491.png](https://img-blog.csdnimg.cn/img_convert/fa8c95b08b50d1c4192518e79c270491.png)
声明:本内容来源于互联网,版权归原作者所有,供学习交流使用,严禁商用,如有侵权请联系我们删除。
- END -
福利互动:
1、转发并私信“777”
2、关注我头条号私信“777”无套路免费领取一套无版权可商用排版素材