做配色时最容易卡在两件事：一是“好看但不稳定”（换到不同页面/不同人群就翻车），二是“能用但不好交付”（没有色板、没有规则、团队复用成本高）。这份清单把常用的配色灵感、取色、对比度与可访问性校验、以及落地到色板/规范的工具放在一起，方便你按项目阶段快速挑选。
工具地址：https://coolors.co/
免费商用：可用来生成与微调色板，适合快速起步做主色/辅色组合。支持锁定某些颜色再随机扩展，能把“灵感”迅速变成可讨论的方案。建议最终把色板导出为变量/图片，作为规范的起点。
免费商用：适合用色轮与配色规则（互补、分裂互补、三角等）做结构化探索。它的优势是“配色关系清晰”，方便向非设计同学解释为什么这些颜色能搭在一起。做品牌色延展时很好用。
免费商用：更偏“现成灵感库”，适合在不确定方向时快速找氛围。建议把喜欢的色板先放入候选池，再用对比度工具做可用性筛查，避免只凭审美拍板。
工具地址：https://www.happyhues.co/
免费商用：以“页面示例 + 配色方案”的方式展示，适合做产品界面主题色参考。它能帮助你把颜色与应用场景绑定起来，比如按钮、背景、强调信息分别用什么色。做成组件库时更好迁移。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：专注对比度校验，适合做“文本/图标在不同背景上的达标检查”。在你确定主色与中性色后，用它把主要字号、按钮文字、次要说明文字逐一过一遍，能显著减少上线后的可读性问题。
工具地址：https://accessible-colors.com/
免费商用：除了判定对比度，还会给出更容易达标的替代色建议。适合在“品牌色不想动太多”的前提下做最小调整，找到既保留品牌气质又能满足 AA/AAA 的折中方案。
工具地址：https://contrast-ratio.com/
免费商用：界面非常轻量，适合快速对比两种颜色组合的评分。你可以把组件状态色（默认/悬停/禁用）与文字色成组检查，确保同一套规则在多个状态下都成立。
工具地址：https://leonardocolor.io/
免费商用：更适合系统化产出“可访问性友好的色阶”。当你需要一整套主色 50-900 或者需要根据对比度目标生成不同亮度层级时，它能帮你把工作从“凭感觉调色”变成“按目标生成”。对设计系统很友好。
免费商用：输入一个主色就能给出多种配色方案与渐变建议，适合做营销页或专题页的氛围延展。建议把它当“方向探索器”，最终仍需要回到对比度与组件可用性检查。
免费商用：偏个性化的配色推荐工具，适合你已经有“喜欢的颜色倾向”时做扩展。它的优势是能持续给你类似审美的组合，缺点是需要你自己做可用性验证，别把推荐当最终答案。
工具地址：https://huemint.com/
免费商用：用“生成式”方式给出 UI 模板配色，适合快速预览颜色落到真实界面后的效果。建议同时生成多套候选，把“视觉好看”与“信息层级清晰”作为筛选标准，再进入细调。
工具地址：https://m3.material.io/styles/color
需看协议：作为规范参考很强，适合理解“语义色/状态色/表面色”如何组合。即使你不采用 Material，也可以借鉴它的层级、对比度策略与 token 思路，把颜色从“好看”变成“可维护”。
