做品牌视觉、UI界面或海报时，配色通常决定了作品的第一印象。下面整理了12个常用的配色与调色板工具，覆盖取色、生成配色方案、渐变灵感与对比度校验等场景。每条都附上网址与用途说明，实际商用前请以各站点/资源页的授权说明为准。
工具地址：https://coolors.co/
需看协议：在线生成配色方案，支持锁定颜色、快速迭代、导出多种格式。
适合做界面主题色/辅助色的快速探索，也能用来做渐变与调色板导出。
需看协议：配色轮与配色规则（互补、类似、三角色等），可从图片提取主题色。
适合在“已有主色”的情况下推导一套更稳定的辅助色体系。
需看协议：社区投稿的调色板灵感库，按热度/时间浏览与收藏。
适合做情绪板与风格探索，快速找到相近氛围的配色组合。
工具地址：https://www.happyhues.co/
需看协议：以“页面示例”方式展示配色在真实UI中的落地效果。
适合不知道怎么把调色板用到界面上的时候，直接参考组件级用色比例。
需看协议：输入一个颜色，自动生成多组配色方案与渐变组合。
适合快速从品牌主色扩展出背景/边框/高亮等可用色。
需看协议：经典配色轮工具，可视化调整色相/明度/饱和度并预览组合。
适合偏“设计基础训练”的场景，帮助建立对色相关系的直觉。
需看协议：基于你选择的喜欢/不喜欢颜色训练，生成符合偏好的配色推荐。
适合长期项目：先确定审美方向，再让工具持续输出相近风格的组合。
工具地址：http://colormind.io/
需看协议：使用模型生成配色，可选择UI/海报等不同模式。
适合需要“陌生感”组合时当灵感启动器，再由设计师二次微调。
工具地址：https://accessible-colors.com/
需看协议：输入前景/背景色，自动调整到可读性更好的可访问对比度。
适合做按钮/文字/图标配色时，避免“看起来好看但读不清”的问题。
工具地址：https://contrast-ratio.com/
需看协议：快速计算两种颜色的对比度，辅助满足WCAG对比度要求。
适合做设计走查：把关键文本与背景色逐一过一遍，降低返工。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：经典对比度检查器，支持AA/AAA与大字号标准判断。
适合产品与开发对齐标准：把合格阈值讲清楚，减少沟通成本。
工具地址：https://gradienthunt.com/
需署名：渐变灵感库，提供大量现成渐变方案与CSS代码示例。
适合做Banner/背景氛围时快速选型，但商用前务必核对来源与授权说明。
