配色与渐变的效率，往往决定了视觉探索的速度。下面这份清单按“取色/配色/渐变/无障碍检测/导出”几个环节整理工具，你可以按项目阶段快速组合使用。授权与商用范围以各站点协议为准。
工具地址：https://coolors.co/
需看协议：在线快速生成与锁定色板，支持导出 ASE、SVG、PNG 等多种格式。
适用：做情绪板与品牌色探索、给组件库建立基础色阶。
需看协议：提供色轮配色规则、从图片提取主题色、浏览社区主题。
适用：从素材图/摄影中提炼主辅色，并按规则生成可控的搭配。
需看协议：基于色轮生成互补/三角/四角等配色关系，并提供预览。
适用：需要“结构化”配色方案时做快速推导与对比。
需看协议：社区精选色板库，检索与收藏非常方便。
适用：快速找到符合季节、风格与情绪的现成色板作为起点。
工具地址：https://huemint.com/
需看协议：用算法生成配色并基于 UI 预览给出多套候选方案。
适用：做落地页面/产品界面配色时，直接看组件级效果而不是只看色块。
需看协议：配色生成器，支持从图片或指定色中继续生成完整色板。
适用：已有品牌主色或参考图，希望补齐一套可用的辅色与中性色。
工具地址：https://gradienthunt.com/
需看协议：渐变灵感库，支持复制 CSS 渐变代码。
适用：做封面、Banner、插画底色时快速挑选渐变方向与色彩趋势。
工具地址：https://webgradients.com/
需看协议：提供大量现成渐变与多端代码片段，适合直接落地。
适用：需要快速给页面/海报加“氛围底色”并保持一致的渐变风格。
工具地址：https://imagecolorpicker.com/
需看协议：从上传图片或 URL 自动提取主色与色板。
适用：把品牌物料、产品照片的主色抽取出来，用于 UI 主题或活动页配色。
工具地址：https://accessible-colors.com/
需看协议：根据 WCAG 对比度要求，帮你选择可读性更高的前景/背景组合。
适用：做按钮、文字、提示信息的颜色组合校验，减少上线后可读性问题。
工具地址：https://contrast-ratio.com/
需看协议：输入前景/背景色快速计算对比度，并给出 AA/AAA 结果。
适用：设计评审前的快速自检，尤其是浅色主题与深色主题切换时。
工具地址：https://colorable.jxnblk.com/
需看协议：批量探索两组颜色在不同组合下的可访问性表现。
适用：你有一组品牌色与一组中性色，想快速筛出“能用”的文本/背景搭配。
