做配色时，最常见的卡点不是“不会选颜色”，而是缺少一套可复用的流程：先快速产出一组候选调色板，再用对比度和场景预览筛掉不合格的组合，最后把 HEX/RGB/ASE 等格式导出到设计稿里。下面整理了 16 个常用的配色与调色板工具，覆盖取色、生成、校验与导出。
工具地址：https://coolors.co/
需看协议：随机生成与锁定配色，支持渐变、对比度检查、从图片提取颜色，并可导出多种格式（如 PNG/PDF/ASE）。适合快速出 5 色方案再微调。
需看协议：经典色轮规则（互补/类似/三分等）+ 社区配色库，支持从图片/素材提取主题色。对接 Adobe 生态时很省事。
需看协议：大量现成 4 色调色板，适合找灵感与快速定基调。建议把候选方案先放到页面/卡片组件里试一遍再定稿。
需看协议：偏“配色理论”的在线色轮工具，可生成多色方案并提供简单预览。适合做品牌主色与辅色的结构化推导。
工具地址：http://colormind.io/
需看协议：基于模型的配色生成器，可锁定某几种颜色让系统补齐其余颜色。做 UI 主题色时，能快速得到“看起来协调”的组合。
工具地址：https://huemint.com/
需看协议：以界面组件为预览场景（按钮、卡片、背景等）来生成配色，比只看色块更贴近落地效果。建议多切换场景筛选。
需看协议：通过选择你喜欢的颜色来训练偏好，然后推荐更符合口味的配色组合。适合长期做同一类风格时建立个人配色库。
工具地址：https://www.happyhues.co/
需看协议：每套配色都有页面级示例（背景、文字、按钮、插画点缀等），更容易判断“可读性”和“情绪氛围”。适合做落地参考。
需看协议：渐变配色合集，直接给出 CSS 渐变代码。适合做 banner、封面或强调区域的背景，但要注意文字对比度。
工具地址：https://webgradients.com/
需看协议：另一套渐变配色资源库，适合收藏备用；可作为“主视觉氛围”的快速起点，再围绕它补齐按钮/文本颜色。
工具地址：https://material.io/resources/color/
需看协议：按 Material 的体系生成主色、浅色与深色等层级颜色，并给出可读性建议。适合做成体系的 UI 主题色。
工具地址：https://accessible-colors.com/
需看协议：用于检查前景色与背景色的对比度是否满足可访问性标准，并辅助微调到合格区间。适合排查按钮、链接与小字号文本。
工具地址：https://contrast-grid.eightshapes.com/
需看协议：把多组前景/背景颜色做成网格一次性批量检查对比度，快速发现“某些组合不可用”。做设计系统时尤其好用。
工具地址：https://yeun.github.io/open-color/
需看协议：一套分层级的颜色体系（类似色阶），适合做产品设计系统的基础色板。搭配对比度工具使用更稳。
需看协议：提供配色灵感与基础生成/浏览能力，适合临时找方向。建议将候选方案套进“标题+正文+按钮”的真实组件再验证。
需看协议：输入一个主色即可生成渐变、配色与色阶方案，并给出多种组合视图。适合从品牌主色出发快速扩展。
