颜色搭配推荐工具
专业的颜色搭配生成器，支持单色调、互补色、三色组等多种配色模式，可批量生成配色方案并导出。
本地执行模式 ： 您的所有数据均在浏览器中处理，不会上传服务器，数据安全有保障。不放心的，可等待页面加载完成后 断网使用！（需提前登录账号）
速度及稳定性 ： 处理速度由您的机器配置决定。少数功能可能出现无法使用的情况，如遇此类情况，请使用：批量工具软件版（首页可进入）。
速度及稳定性 ： 处理速度由您的机器配置决定。少数功能可能出现无法使用的情况，如遇此类情况，请使用：批量工具软件版（首页可进入）。
工具使用
单色调：基于同一色相，通过调整饱和度和亮度创建和谐配色
0%
生成的配色方案
已保存的方案
使用说明
软件使用说明
- 调整主色参数：使用色相、饱和度、亮度滑块精确调节主色，或直接输入HEX值快速设置颜色。工具会实时显示RGB和HSL格式的颜色代码。
- 选择配色模式：
- 单色调：基于同一色相生成不同深浅的和谐配色
- 互补色：使用色相环对面的颜色创造强烈对比效果
- 三色组：选用色相环上等距离的三种颜色保持视觉平衡
- 四色组：使用两对互补色提供丰富的颜色组合
- 类似色：选择相邻色相创造温和统一的视觉感受
- 预览配色方案：实时查看生成的配色效果，每个颜色都显示对应的HEX代码，点击复制按钮可快速复制颜色值。
- 批量生成方案：
- 选择生成方案数量（1-50个）
- 选择导出格式（JSON、CSS变量、SCSS变量、调色板图片）
- 设置包含的颜色格式（HEX、RGB值）
- 保存和管理：可保存当前配色方案到本地收藏，或保存批量生成的任意方案，方便后续使用和管理。
- 导出配色方案：支持单个导出为JSON、CSS、SCSS文件，或批量下载ZIP包含所有格式文件和调色板图片。
常见问题
答：单色调适合简约风格和品牌设计；互补色适合需要强烈视觉冲击的海报和广告；三色组适合网页设计和界面设计；四色组适合复杂的图表和信息图；类似色适合自然风格和温馨场景设计。
答：您可以直接在HEX输入框中输入目标颜色代码，工具会自动更新滑块位置并生成对应配色方案。也可以调整色相滑块快速浏览不同色系的配色效果。
答：支持导出JSON格式（完整配色数据）、CSS变量格式（可直接用于网页开发）、SCSS变量格式（适用于Sass预处理器）和调色板图片（PNG格式，可用于设计展示）。
答：复制HEX颜色代码可直接粘贴到Photoshop、Illustrator、Sketch等设计软件的颜色选择器中。CSS和SCSS文件可直接导入到前端项目中使用。调色板图片可作为设计参考或客户展示用途。
答：批量生成会基于您设置的主色进行色相变化，同时在饱和度和亮度上添加合理的随机变化，确保每个方案都具有独特性又保持整体和谐。生成的方案会自动编号便于管理。
