配色决定了产品的气质，也直接影响信息层级与可读性。这份清单把“找灵感-生成方案-校验对比度-落地到系统”需要用到的配色与色彩工具按流程收拢，做品牌色、UI 主题、插画配色时都能更快定稿。
工具地址：https://coolors.co/
免费商用：支持快速生成调色盘、锁定颜色、导出多种格式，适合做 UI 主题色与配色方案初筛。
需看协议：提供色轮配色规则、趋势与社区配色，适合从品牌/摄影素材中提取并扩展配色。
免费商用：高质量配色集合，按热度与主题浏览，适合快速找“像样”的成套配色灵感。
工具地址：http://colormind.io/
免费商用：基于模型自动生成配色，可固定部分颜色继续生成，适合在既定主色下扩展辅助色。
免费商用：偏“配色工程”的色轮工具，方便做互补/三色/四色综合方案，并预览不同布局下的效果。
工具地址：https://www.happyhues.co/
免费商用：以真实页面组件展示配色落地方式，适合对照学习背景、文字、按钮与强调色的搭配比例。
工具地址：https://accessible-colors.com/
免费商用：输入前景/背景色即可检查对比度并给出可达标的替代色，适合做无障碍快速修正。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：经典对比度校验工具，支持 AA/AAA 判定，适合做设计交付前的最后核对。
需看协议：面向 Figma/Sketch/XD 等的无障碍插件套件，包含对比度与色盲模拟，适合团队内的规范化检查。
工具地址：https://leonardocolor.io/
免费商用：围绕对比度约束生成可用的色阶与配色系统，适合做产品的可访问性色板与主题色阶。
免费商用：从一个主色生成多套配色与渐变方案，适合快速探索不同风格的延展方向。
工具地址：https://m3.material.io/theme-builder
需看协议：基于 Material 3 的主题生成器，可从主色派生系统色并预览组件应用场景，适合做完整主题落地参考。
