做视觉设计时，配色往往决定了整体气质与信息层级。下面这份清单整理了 12 个常用的配色/调色板工具与资源站，覆盖灵感获取、自动生成色板、取色与对比度校验、以及在真实界面里快速预览等环节。每个工具都附上直达链接与适用场景，方便你按项目需求快速选型。
工具地址：https://coolors.co/
需看协议：在线生成调色板、锁定颜色、快速替换与导出。适合在短时间内迭代多套方案，并把色板导出到设计稿或前端样式中。
需看协议：提供色轮、配色规则与社区色板，适合做品牌主色与辅助色的组合推演，也方便把方案同步到 Adobe 生态里继续深化。
需看协议：偏灵感型的色板集合站，浏览成本低。适合在定调阶段快速找方向，再把候选色板带入设计系统做可用性验证。
工具地址：http://colormind.io/
需看协议：基于模型自动生成配色并支持固定其中某些颜色。适合“已有品牌色/主色，但需要补齐辅助色与中性色”的场景。
需看协议：经典色轮工具，支持多种配色关系（互补、三角、分裂互补等）。适合用理性方法推导配色结构，减少完全凭感觉试错。
工具地址：https://www.happyhues.co/
需看协议：把配色放进真实页面示例中展示（背景、按钮、文字等）。适合用来检查“好看的色板”在 UI 里是否真的可读、是否层级清晰。
需看协议：根据偏好训练并推荐颜色组合，可用于持续扩展项目的色彩库。适合做长期品牌视觉的配色探索与沉淀。
工具地址：https://m3.material.io/styles/color/overview
需看协议：了解并借鉴系统化的颜色层级与语义色（primary/secondary/surface/error 等）。适合做设计系统时参考色值分层与状态色策略。
工具地址：https://www.realtimecolors.com/
需看协议：在实时的页面预览里调颜色与字号，直观看到层级对比。适合在落地前做快速可读性检查，避免“色板OK、页面翻车”。
需看协议：输入主色即可生成渐变、配色与配套色板。适合做活动页、插画背景或品牌视觉延展时快速产出可用的颜色组合。
需看协议：偏 UI 用色的调色工具，适合生成一套从浅到深的色阶，并用于按钮、标签、提示等组件的不同状态。
需看协议：以可读性与对比度为核心的配色检查与推荐。适合在定稿前做无障碍/对比度自检，减少上线后返工。
