对设计师而言
配色是基本功
也是日常设计中的核心部分
甚至是每个设计师每天都要做的功课
为网页选择一种基础色并不难
但想要一套美观的色彩组合
则并非是件容易的事
很多时候
借助配色工具寻求配色方案 是个颇为不错的想法
关注微信公众号 大邦创新，获得更多设计知识！
▼
01
Https://www.webdesignrankings.com/resources/lolcolors/
有65个搭配色值，将鼠标光标移动到颜色上方就会立刻显示色码，选取喜欢的颜色后直接复制代码使用到设计中，非常方便，插画配色或是网页设计可以用到！
02
https://webgradients.com/
这是180个线性渐变的免费集合，您可以将其用作网站任何部分的内容背景。
轻松复制CSS3跨浏览器代码使用！还为每个渐变准备了.PNG版本。
另外还有 Sketch ＆ Photoshop 的源文件可以下载！
03
https://uigradients.com/#Army
可根据颜色来获取渐变方案，除了CSS还可以下载jpg。
04
http://khroma.co/
Khroma，在线配色的工具。
第一步先选择50种最喜欢的颜色，利用人工智能分析你选择的颜色，来生成调色板。
05
https://www.palettable.io/5B71AB
PALETTABLE，在线配色的工具。
打开之后会给你一个色值选择喜欢或是不喜欢，选择五组喜欢后可以复制链接分享给好友或是下载成图片。
06
https://www.ls.graphics/meshgradients
100种渐变收集：下载下来就是一个超棒的壁纸。
运用到界面或是包装为你的设计加分，而且可以下载多种格式：Sketch, AI, eps, ipg, png。
下载了几张给各位看看效果。
07
https://webkul.github.io/coolhue/
带有 60 个渐变的免费集合，卡板上显示了渐变的色值可以直接拷贝。
鼠标移动到卡板上可以复制CSS或是下载成图片。
还有sketch和Photoshop的插件提供下载。
给大家提供下被翻译过后的跳转页面
第一步：点击下载ZIP
第二步：下载好之后点击sketch的文件就安装好了
打开sketch,在插件里找到CoolHue打开就可以用了
右下角第一个符号点击可以随机切换渐变
第二个可以改变插件的明暗
08
https://klart.io/colors?ref=producthunt
有多少个搭配我现在还没数清，不过色彩搭配都有精彩的案例。点击色板右下角分享那个符号会跳出一个案例页面，再点击那个分享的小符号可以跳到案例的当前网址。
09
https://www.huesnap.com/
探索创建自己的调色板，点击喜欢后的搭配可以记录在我的调色板内。
在创建调色板内选择一个你想吸取的图片，在图片上点击你想要的区域色值然后点击保存就可以自动生成搭配方案。
10
https://www.vanschneider.com/colors
Color Claim由Tobias van Schneider于2012年创建的，一共102种颜色组合，可以将完整的调色板直接下载到Photoshop或Illustrator中。
11
https://mycolor.space/
这个就很简单粗暴了，也是我个人用的最多的一个网站。直接输入一个色值可以给出20多种搭配方案。
组合搭配：
在首页的右上角还可以选择梯度渐变和三色渐变，拷贝CSS代码。
12
https://www.happyhues.co/palettes/17
Happy Hues是一个调色板灵感网站，下列的色彩心理学解释也很有意思。
网友评论