免费可商用设计资源清单 | 图标 插画 字体 配色

想快速搭建一套稳定的设计素材来源，不必到处搜零散链接。下面整理了一份偏“可直接拿来用”的在线资源清单，覆盖图标、插画、字体与配色等常用场景，并尽量标注授权注意事项。

12个高质量设计资源站｜图标 插画 字体 配色 一站式清单

不想在收藏夹里翻半天？这是一份可直接收藏的设计资源站清单，覆盖图标、插画、字体、配色、Mockup 与纹理。每条都给出网址与简短说明，并在第一行标明“免费商用”或“需看协议”，方便你快速筛选。

免费可商用设计资源清单｜字体、图标、插画与配色一站式

这是一份面向日常设计工作的资源清单，覆盖字体、图标、插画、配色、样机与灵感站点。每个条目都给出直达链接，并在描述第一行标注授权提示，方便快速筛选可用于商业项目的素材来源。

12个免费商用设计资源工具｜配色 字体 图标 一站式清单

整理了 12 个常用的设计资源工具与素材站点，覆盖配色、字体、图标、插画、样机与灵感图库。每条都附上直达链接，并标注免费商用 需看协议，方便快速收藏与查找。

20个免费配色网站｜配色灵感清单

整理了20个常用的免费配色与调色板网站，覆盖灵感色卡、品牌配色、渐变生成与无障碍对比度检查。每条都附官网链接，并标注“免费商用 需看协议”，方便你快速找到合适的色彩方案。

Khroma：用AI训练你的配色偏好，快速生成品牌色板

Khroma 是一款基于机器学习的配色生成工具，通过“训练你的审美偏好”来推荐更贴近你风格的色板。本文分享它在品牌色、海报与UI配色中的实用流程，以及如何把色值快速带入设计稿。

Coolors：用AI快速生成配色方案并落地到品牌视觉

Coolors 让配色灵感更快落地的AI调色盘工具

Coolors 是一款上手极快的在线调色盘工具，提供 AI 辅助的配色探索与方案保存，适合品牌色、海报、UI 组件与电商主图的快速定色。本文只分享这一工具的核心用法与落地技巧。

Khroma：用AI训练你的配色直觉，快速生成品牌级调色板

Khroma 通过“训练偏好”的方式生成符合你审美的配色方案，适合做品牌主色、海报渐变、UI主题与字体配色。本文分享从训练到落地的实战流程。

设计师常用在线工具清单：排版 配色 压缩 协作一站备齐

一份可直接收藏的设计师在线工具清单，覆盖排版 配色 图像压缩 SVG处理 协作交付等常见环节，每项都附官网链接。

TM、CM、R 配色模式有什么区别？一篇讲清楚使用场景与常见误区

从概念、色彩空间、显示 印刷路径、典型软件设置到常见坑，系统梳理 TM CM R 三种配色模式的差异与选用方法。

配色不脏不灰：从对比到饱和度的 7 个快速修正方法

配色看起来发灰、发脏，往往不是颜色选错，而是对比关系、饱和度分配、材质与光照逻辑没统一。本文用 7 个可直接套用的修正方法，帮助你把界面与海报的颜色拉回干净、清晰、有层次的状态。

Illustrator图形样式+全局颜色：一键改全稿配色的思路

用图形样式与全局颜色管理填充 描边，让你在定稿阶段也能一键替换配色，避免逐个对象手动改。

不靠堆插件也能提效：一套在线设计工具的组合思路

提效不是装更多工具，而是让工具组合能覆盖常见任务并减少切换成本。本文按任务链路拆解在线工具的选型思路，从配色、排版、素材处理到交付压缩，给出可复用的组合方法。

在线配色工具Colourco

简单易用的在线配色工具网站Colour code

在线渐变配色工具 - UIgradients

UIgradients 以分享美丽渐变色彩为主的分享站，里面接近上百种渐变配色方案，设计师可根据自己风格来选择搭配，此外我们还能直接获得对应渐变配色的CSS代码，相当方便，但要注意浏览器要兼容CSS3才行。

怎样让设计更干净

干净是一种很宽泛的用户需求，所以它即不那么特点鲜明，但却包罗万象。如果你面临这样的客户，那么首先你先要做的不是设计，而是去了解为什么客户需要用“干净”的风格达成商业目的。