整理一份围绕配色可访问性的工具清单，覆盖对比度检测、色盲模拟、调色板生成与设计交付检查。开头先给出选择与校验原则，随后按工具逐条列出地址与适用场景。
做配色时，真正的风险通常不在“好不好看”，而在“看不看得清”。这份清单把常用的对比度检测、色盲模拟与调色辅助工具集中到一起。你可以先用对比度工具把文本与背景的可读性校验一遍，再用色盲模拟检查关键信息是否仅靠颜色区分，最后用调色板与交付检查工具把结果落到设计稿与前端实现上。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：网页直接使用。输入前景色与背景色即可得到 WCAG 对比度结果，适合快速判定正文、小字、图标文字是否达标。建议把常用字号对应的阈值整理成团队小卡片，评审时统一口径。
工具地址：https://accessible-colors.com/
免费商用：在线工具。它会根据你给定的基准色生成可读的配色组合，并提示不同等级的可访问性结果。适合在保持品牌主色的前提下，快速找出可用于按钮、链接、提示条的配色对。
工具地址：https://contrast-ratio.com/
免费商用：网页工具。界面简洁，适合在设计评审时现场输入颜色值，快速给出对比度并展示文字样式的预览。可以把它当作“最后一公里”的确认工具，减少争论成本。
工具地址：https://leonardocolor.io/
免费商用：在线调色与对比度控制工具。它的优势是用可控的方式生成一整套色阶，并对每个层级的对比度进行约束。适合做设计系统的语义色与状态色，避免“看起来差不多”的灰阶失控。
免费商用：在线检查器。支持在真实界面片段中试验配色，并观察对比度的变化。适合把组件层面的文字、图标、背景叠加关系一次性梳理清楚，减少发布后返工。
免费商用：桌面软件。它能对整个屏幕做色盲模拟，适合检查图表、告警状态、地图热力等“靠颜色表达信息”的场景。建议配合规则：重要信息必须同时有形状、文本或图标区分。
工具地址：https://www.color-blindness.com/coblis-color-blindness-simulator/
免费商用：在线模拟。上传图片后可切换不同色觉类型，快速检查海报、Banner、信息图等静态素材。适合在导出最终稿之前做一次巡检，避免“仅用颜色提示”的隐患。
需看协议：包含插件与付费功能。它集成了对比度、色盲模拟与聚焦检查，适合团队在 Figma 等工具内完成可访问性校验闭环。建议把它作为交付清单的一部分：上线前必须跑一遍核心页面。
工具地址：https://www.figma.com/community/plugin/733159460536249875
需看协议：Figma 社区插件。它能直接在设计稿里检查文本与背景的对比度，并提示对应的 WCAG 等级。适合把“能不能用”从主观判断变成可量化的审核结果。
工具地址：https://coolors.co/
需看协议：提供免费与订阅。用于生成调色板、做颜色搭配探索很高效。建议生成后不要直接拿去用，而是把候选色带到对比度工具里二次筛选，确保文字与按钮的可读性。
工具地址：https://huemint.com/
免费商用：在线生成器。它会给出多组配色方案并展示在界面模板里，适合在早期快速探索品牌色与辅助色的组合。建议挑选方案时优先看信息层级：主按钮、链接、禁用态是否清晰。
工具地址：https://www.color-hex.com/
免费商用：颜色信息库。适合查找某个颜色的变体、搭配建议与色彩模型值。做设计系统时可用它来补齐色值资料，但最终仍要以对比度与实际场景预览为准。
工具地址：https://contrast-finder.tanaguru.com/
免费商用：对比度“找解法”工具。输入当前颜色后，它会给出一组可达标的替代色值，适合当你必须保持某个品牌色调时，用最小改动把对比度拉到合规。
工具地址：https://m2.material.io/design/color/the-color-system.html
免费商用：作为设计指南参考。它能帮助你理解色阶、强调色与状态色在系统中的角色。适合把“颜色”提升为“语义”，让团队讨论的是信息层级与反馈，而不是单纯的喜好。
小结：先用对比度工具把文本可读性达标，再用色盲模拟确保信息不依赖颜色单一通道，最后把通过校验的颜色沉淀成语义色与组件规范。这样配色既好看，也更稳。
