配色决定了一个界面的氛围与信息层级：同一套组件、同一张海报，用不同的色板就会呈现完全不同的气质。下面整理 14 个常用的配色与色板工具，覆盖取色、调色、渐变、灵感与可访问性对比度检查；每个条目都附上链接，并标注常见授权提示，方便你快速挑出一套可落地的颜色方案。
工具地址：https://coolors.co/
需看协议：配色方案生成与导出工具，可锁定颜色、快速迭代色板，支持多种格式导出。
需看协议：提供色轮、配色规则与趋势色板参考，适合从图片中提取色彩并形成方案。
需看协议：社区驱动的配色灵感库，适合快速浏览并挑选可用的 4 色组合。
工具地址：https://www.happyhues.co/
需看协议：用真实界面示例展示配色效果，适合从“可读性与层级”角度挑色并落到 UI。
需看协议：经典色轮配色工具，适合做互补色、三分色、分裂互补等方案的快速推演。
需看协议：一键生成配色并支持固定某些颜色，适合在“指定主色”前提下补齐整套色板。
需看协议：以卡片形式生成并筛选配色组合，适合在大量候选中快速收敛到喜欢的风格。
需看协议：常用渐变配色合集，支持直接复制 CSS，适合快速做背景与装饰渐变。
工具地址：https://gradienthunt.com/
需看协议：渐变灵感库，可快速浏览并复制渐变参数，适合寻找“更有情绪”的色彩过渡。
工具地址：https://webgradients.com/
需看协议：大量预设渐变集合，适合做 UI 背景、按钮高光与插画配色的参考。
工具地址：https://m2.material.io/design/color/the-color-system.html
需看协议：Material 的颜色体系思路与用法示例，适合把色板整理为可复用的语义色与层级色。
工具地址：https://accessible-colors.com/
需看协议：输入前景/背景色后给出可访问性结果，并辅助调整到合格对比度。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：经典对比度检测工具，支持 AA/AAA 标准，适合在最终落地前做快速校验。
工具地址：https://leonardocolor.io/
需看协议：围绕对比度生成一套可用色阶，适合构建组件库的“主色/中性色/语义色”层级。
