哈喽，我是大鹏，这里是第二灵感库。
配色这件事，说难不难，说简单也不简单。很多时候我们盯着色轮转半天，还是觉得"差点意思"。
其实配色是有方法和工具辅助的，不是靠天赋或者直觉硬猜。今天这期给大家整理了6个我实测可用的配色工具和色彩资源网站，从生成方案、学习理论到直接抄作业，都有覆盖。
不需要背色轮，不需要死记互补色，用对工具，配色效率直接翻倍。
01 Coolors.co
https://coolors.co
一句话介绍: 全球最快的配色方案生成器，按空格键就能随机切换配色。
详细介绍:
Coolors 基本上是每个设计师都应该收藏的配色工具。它的核心交互极其简单：打开网页，按空格键，系统就会随机生成一套4色配色方案。不喜欢？再按一次空格，直到找到满意的为止。
除了随机生成，Coolors 还有几个很实用的功能：
调色盘微调
: 生成配色后，可以单独调整每一个颜色，系统会自动保持整体的和谐感
图片取色
: 上传一张图片，自动提取图片中的主要色彩，生成配色方案
对比度检查
: 输入前景色和背景色，自动计算对比度比值，判断是否符合 WCAG 无障碍标准
调色盘预览
: 把配色方案应用到模拟的 UI 界面上，提前看到实际效果
适合场景: 需要快速出配色方案、做品牌色延伸、检查色彩对比度
费用: 基础功能免费，高级功能需要付费
大鹏点评: 空格键生成配色这个交互设计真的很天才，我每次用都觉得"啊，就是这套"。
02 Adobe Color
https://color.adobe.com
一句话介绍: Adobe 官方出品的色彩理论与配色工具，专业且有深度。
详细介绍:
Adobe Color 不是简单的配色生成器，它是一个完整的色彩学习 + 实践工具。背后是严格的色彩理论支撑，你可以选择不同的配色规则：
互补色
: 色轮上相对的两个颜色
类似色
: 色轮上相邻的3个颜色
三角配色
: 色轮上等距的3个颜色
分裂互补色
: 一个主色 + 互补色两侧的颜色
四角配色
: 色轮上等距的4个颜色
你拖动色轮上的控制点，所有颜色会按照你选择的规则自动调整。这套配色的 HEX 值、RGB 值、HSL 值都实时显示，直接复制就能用。
还有一个很棒的功能：从图片提取配色。上传一张照片，Adobe Color 会分析图片中的色彩分布，提取出主要的颜色，并按照不同的色彩理论规则重新组织。
适合场景: 想系统学习配色理论、需要精确的色彩关系控制、Adobe 生态用户
费用: 免费
大鹏点评: 如果你想理解"为什么这个配色好看"，而不只是"这个配色好看"，用 Adobe Color。
03 Paletton
https://paletton.com
一句话介绍: 经典的在线配色方案设计器，可视化色彩关系，适合系统学习配色。
详细介绍:
Paletton 的界面看起来有点"老派"，但功能非常扎实。它的核心是一个可交互的色轮，你可以：
选择主色，系统自动生成单色系、互补色、三角色、四角色等配色方案
每个配色方案会给出主色、浅色、深色的完整梯度
实时预览配色在网页示例上的效果（有模拟的按钮、链接、背景等）
提供每个颜色的HEX、RGB、HSL值，方便直接复制使用
Paletton 还有一个很特别的功能：色盲模拟。它可以模拟红绿色盲、蓝黄色盲等不同视力条件下，你的配色方案看起来是什么效果。这个功能对做无障碍设计非常有帮助。
适合场景: 系统学习配色理论、需要做完整的色彩梯度、关心无障碍设计
费用: 免费
大鹏点评: 界面虽然不花哨，但配色逻辑非常清晰，适合想搞懂"配色到底是怎么算出来的"的人。
04 Color Hunt
https://colorhunt.co
一句话介绍: 精选配色方案社区，直接抄作业，3秒搞定配色。
详细介绍:
Color Hunt 是最简单的配色工具之一。它不做生成，只做精选——平台上有成千上万个由设计师提交和投票的配色方案，每个方案包含4个颜色，附带完整的 HEX 值。
你可以：
按热度、最新、随机浏览配色方案
按颜色标签筛选（比如"粉色系"、"蓝色系"）
直接复制 HEX 值，不用注册，不用登录
给喜欢的配色点赞，收藏起来备用
Color Hunt 上的配色方案都是经过社区投票筛选的，质量比较有保障。如果你时间紧，不想自己琢磨配色，直接来这里翻一翻，基本都能找到合适的。
适合场景: 赶时间、需要快速找配色参考、想要现成的配色方案
费用: 免费
大鹏点评: 我有时候卡在配色上，会来这里随便翻翻，经常能找到灵感。不用想，直接抄，也是一种方法。
05 Happy Hues
https://www.happyhues.co
一句话介绍: 把配色方案放在真实设计场景中展示，让你看到颜色"用在哪里"。
详细介绍:
Happy Hues 和其他配色工具最大的不同是：它不只给你色值，它给你使用场景。
每个配色方案都附带一个完整的示例页面，展示这套颜色用在：
背景色用什么
标题文字用什么颜色
副标题用什么颜色
按钮用什么颜色
按钮文字用什么颜色
图标的主色、强调色、辅助色分别用什么
简单说，Happy Hues 给你的不是"这4个颜色很搭"，而是"这4个颜色分别用在设计的哪个位置"。
这对新手特别友好。很多时候我们拿到一套好看的配色，却不知道怎么用，Happy Hues 直接把答案给你看出来了。
适合场景: 配色新手、需要知道颜色的具体使用方法、做品牌设计参考
费用: 免费
大鹏点评: 这个"给你看怎么用"的思路真的很贴心，不是所有人都天生知道主色、辅助色、强调色分别放在哪里。
06 UI Gradients
https://uigradients.com
一句话介绍: 精选渐变背景合集，一键复制 CSS 代码，直接用在项目里。
详细介绍:
UI Gradients 是一个专门收集渐变背景的网站。它提供了几百种精心挑选的渐变方案，每个渐变都有：
渐变方向
: 从左到右、对角线、径向等
颜色值
: 渐变的起止颜色 HEX 值
CSS 代码
: 直接复制就能用的background属性代码
一键复制
: 点击颜色方块，HEX 值直接复制到剪贴板
你可以在网页上实时预览每个渐变的效果，觉得合适就直接复制 CSS 代码，粘贴到你的项目里，渐变背景就出来了。
UI Gradients 的渐变都是人工挑选的，不是随机生成的，所以色彩过渡比较自然，不会出现"脏"的感觉。
适合场景: 需要渐变背景、做登录页/落地页、想要快速实现好看的渐变效果
费用: 免费
大鹏点评: 渐变这个东西，自己调很容易调得"俗气"，用现成的高质量渐变方案，省时又省心。
总结
这6个工具各有侧重：
配色不是玄学，是有方法、有工具、有理论支撑的。与其盯着色轮发呆，不如把这些工具用起来。