做视觉与界面设计时，配色往往不是“选一个好看的颜色”那么简单：你需要从灵感图库里快速收集参考，需要把颜色组织成可复用的色板，需要检查文字与背景的对比度是否达标，还可能要把方案分享给团队并在不同设备上保持一致。下面整理了一份常用的配色与调色在线工具清单，覆盖灵感采集、自动生成、对比度校验与色板管理等环节，方便按场景直接选型。
工具地址：https://coolors.co/
需看协议：提供一键生成与锁定颜色的色板工具，可导出为 ASE/PNG/PDF 等格式，适合快速做 UI 主辅色组合与多方案对比。
需看协议：支持色轮规则（互补、类比、三分等）与从图片提取色板，常用于品牌配色推导与从视觉素材反推主色体系。
工具地址：http://colormind.io/
需看协议：基于模型的配色生成器，可锁定某几个颜色让系统补全其余颜色，适合做“已有主色，补全中性色与强调色”的场景。
工具地址：https://huemint.com/
需看协议：以组件预览的方式生成配色（按钮、卡片、文字在真实界面里的效果会同时展示），对做产品界面配色更直观。
需看协议：社区投稿的色板库，适合做灵感采集与快速试错；当你只想先“找感觉”，它比从零调色更高效。
工具地址：https://www.happyhues.co/
需看协议：每套配色都带有页面示例与元素分工（背景、主按钮、强调色等），适合新手建立“颜色在界面中怎么分配”的直觉。
需看协议：经典色轮与多色方案生成工具，支持同时预览不同色相组合在文本/图形上的效果，适合严谨推导色相关系。
需看协议：偏灵感与案例型的配色库，适合在做落地页、插画或活动视觉时快速找到“现成的氛围感组合”。
需看协议：通过选择你喜欢/不喜欢的颜色来训练偏好，再给你匹配色组合与排版预览，适合建立个人化的配色推荐流。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：输入前景色与背景色即可计算对比度并判断是否满足 WCAG AA/AAA，适合在定稿前快速做可访问性合规检查。
工具地址：https://accessible-colors.com/
需看协议：在你固定某个品牌色时，自动给出可读性更好的文本色或替代方案，并可视化对比度结果，适合品牌色落地到组件库。
工具地址：https://leonardocolor.io/
需看协议：面向设计系统的颜色生成与对比度优化工具，可把颜色拆成阶梯并给出可用的组合建议，适合做 Token 化与深浅色主题。
