配色是设计流程里最容易被低估、也最容易返工的一环：同一套组件在不同背景/不同设备上可能突然不够清晰；同样的品牌色在暗色模式下又可能显得脏或刺眼。下面这份清单按“取色-生成方案-做渐变-做可访问性校验”的路径整理工具，适合 UI/视觉/产品同学在项目早期快速定色，也适合在交付前做对比度与色盲友好检查。
需看协议：支持一键生成配色方案、锁定某个颜色继续扩展，并可导出为图片/ASE/代码变量。适合做 UI 色板初稿或快速找灵感。
需看协议：提供色轮规则（互补/类似/三角色等）与趋势色板浏览，也能从图片提取主题色。做品牌色延展或从参考图里抽色很省时间。
需看协议：社区维护的配色组合库，按热度/时间/主题浏览，适合在没有明确方向时先确定“氛围”。搭配你自己的组件库再做微调更稳。
需看协议：基于预设 UI 模板生成配色，并直接预览在按钮/卡片/背景上的效果。它的价值是把“好看”变成“在界面里好用”。
需看协议：自动生成调和色板，支持从图片学习风格并保持某些颜色不变。适合需要连续产出多套方案做 A/B 或做专题页面配色备选。
需看协议：老牌色轮工具，强调配色规则与色阶扩展，能快速生成一套可用于状态色/层级色的“浅-中-深”梯度。适合做产品的基础色阶。
需看协议：每套色板都给出页面示例，适合寻找“背景-文本-强调色”比例。做落地页或营销页面时，照着配比走不容易翻车。
需看协议：渐变配方库，直接复制 CSS 代码。适合做海报背景、按钮高光、卡片封面等需要“有质感但不抢戏”的渐变。
需看协议：可浏览/收藏/下载渐变组合，适合对比不同渐变在同一主题下的情绪差异。建议最终仍回到对比度检查，避免浅色文本读不清。
需看协议：输入一个主色，自动生成渐变、配色方案与 UI 示例。它擅长把“一个颜色”扩展成“能落地的一套”。
需看协议：经典对比度检查工具，按 WCAG 标准给出 AA/AAA 结论。做按钮文字、正文文本、图标与背景搭配时，建议把它当作交付前的必过项。
需看协议：在给定背景与前景色的情况下，自动调整到满足对比度阈值的最接近颜色。适合在“品牌色不能改太多”的约束下找折中方案。
需看协议：面向设计工具的无障碍插件（对比度、色盲模拟、标注等）。如果团队协作频繁、需要在 Figma/Sketch 里就把问题提前发现，它会很省沟通成本。
需看协议：桌面端色盲模拟工具，能把整个屏幕按不同色觉缺陷模式预览。适合检查数据可视化图表是否只靠颜色传达信息、是否需要形状/纹理辅助。
小建议：在确定主色后，先把“文本色/背景色/分割线/禁用态”这几类最常见组合跑一遍对比度；再去做渐变与装饰色，会更稳。最后把色板沉淀成变量（例如 primary/primary-weak/surface/text-1/text-2），后续迭代就不会反复调色。
