哈喽，我是大鹏，这里是第二灵感库。
做设计，配色永远是最让人头秃的事。
选了半天，总觉得"差点意思"；好不容易选好了，开发还原出来又是一言难尽。
这期我把压箱底的6个配色工具掏出来——每个都能解决一个具体的配色痛点，从"没灵感"到"要合规"，全给你覆盖到。
01 Coolors —— 没灵感时，按空格就行
一句话介绍：超快速的配色方案生成器，按空格键就能刷新配色。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① 快 真的快。空格一按，5个颜色就出来了。比你打开PS调色盘、一个个试颜色快10倍不止。
② 逻辑对 它不是随机瞎生成，是基于色彩和谐规则（互补色、三角色、类似色）生成的。所以出来的配色，基本不会"太怪"。
③ 全流程打通 从灵感 → 调整 → 导出 → 给开发，一条龙。不用在多个工具之间来回切。
一个小缺点
免费版只能存10个配色方案。够用，但如果你是个"配色收藏狂魔"，可能需要付费升级（3美元/月）。
官网
https://coolors.co/
02 Adobe Color —— 要专业、要合规，用这个
一句话介绍：Adobe官方出品的色彩工具，和PS/AI/AE全家桶无缝打通。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① 和Adobe全家桶打通 如果你用PS做图、AI做矢量、AE做动效——配色方案可以直接同步到所有软件里。不用导出导入，不用手动输入色值。
② 有"色彩趋势"参考 它会显示Behance、Adobe Stock上当下最流行的配色趋势。做商业项目时，参考价值很高。
③ 社区配色库 你可以浏览别人分享的配色方案，遇到喜欢的可以直接"复制"到自己的库里。相当于有个现成的配色灵感库。
一个小缺点
界面稍微复杂一点，新手可能需要花10分钟熟悉一下各个功能在哪。
官网
https://color.adobe.com/
03 Colormind —— AI帮你配色，还能从电影/照片里"偷"配色
一句话介绍：用深度学习算法生成配色方案，可以从电影、照片、艺术作品里提取配色灵感。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① AI生成的配色，有"人性" 不是随机生成，是基于大量优秀设计、艺术作品训练出来的。所以出来的配色，有种"设计师手选"的感觉。
② 可以从具体作品提取配色 比如你很喜欢某部电影的色调，上传一张截图——它就能提取出类似的配色方案。相当于有个**"配色克隆"功能**。
③ 预览功能很实用 右侧会显示配色应用在UI界面、插画上的效果。不用自己脑补，直接看实际效果。
一个小缺点
不能锁定某个颜色让它"围绕这个颜色配其他色"——每次都是整组生成。如果你有个固定的品牌色要用，可能不太方便。
官网
http://colormind.io/
04 Color Hunt —— 没灵感时，来这里"偷"配色
一句话介绍：设计师共创的配色库，每天更新，直接抄现成的配色方案。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① 现成的配色方案，直接用 不像其他工具需要"生成"，这里是现成的配色方案——看到喜欢的，直接抄。省去思考成本。
② 每天更新，跟得上趋势 每天都会有新的配色方案提交。所以你看到的配色，都是当下流行的，不会"过时"。
③ 社区投票，质量有保证 每个配色都有"点赞数"。点赞多的，说明大家都觉得好看——相当于群众审美的背书。
一个小缺点
配色方案没有"命名"或"说明"——你不知道这个配色适合什么场景。需要自己判断。
官网
https://colorhunt.co/
05 Material Design Color Tool —— 做移动端/Web端，用这个准没错
一句话介绍：Google官方出品的Material Design配色工具，严格按照Material Design规范生成配色。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① 符合Google的设计规范 如果你做Android应用、或Material风格的Web界面——用这个工具生成的配色，100%符合Material Design规范。不用自己纠结"这个颜色是否符合规范"。
② 自动生成色阶 每个主色都会自动生成从50（最浅）到900（最深）的10个色阶。做界面时，需要"浅一点""深一点"的变体——直接拿来用。
③ 对比度检查很严格 它会告诉你"这个背景色上放白色文字，对比度够不够"——帮你避免"看起来还行，但实际不符合无障碍标准"的问题。
一个小缺点
只适合Material Design风格。如果你的项目是"完全自定义"的设计风格，可能不太适合。
官网
https://m3.material.io/styles/color/overview
06 WebAIM Color Contrast Checker —— 要做无障碍设计，这个是必用工具
一句话介绍：检查文字和背景色的对比度是否符合WCAG无障碍标准。
能帮你干什么
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
为什么值得用（3个理由）
① 无障碍合规的必查项 很多国家/地区要求网站必须符合WCAG无障碍标准——否则可能面临法律风险。这个工具帮你提前检查，避免上线后整改。
② 操作简单，结果清晰 输入两个色值，点"Check"——它会用绿色对勾或红色叉号告诉你是否达标。一目了然，不用自己算对比度。
③ 支持"模拟色盲视角" 它可以模拟色盲用户看到的界面效果——帮你检查"色盲用户能不能看清文字"。这个功能是很多其他工具没有的。
一个小缺点
界面比较"朴素"，看起来像是个"工具型网站"而不是"设计工具"——但功能是完全没问题的。
官网
https://webaim.org/resources/contrastchecker/
6个工具，怎么选？
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
哈喽，我是大鹏，咱们下期见！