在线分裂互补色工具
生成基础色及互补色两侧的分裂互补配色,分裂补色是通过同时使用补色及类比色来确定的颜色关系，该方法在保持类比色低对比度和谐美感的同时，利用补色增强视觉冲击力，形成平衡且有重点的色彩搭配效果。
开始使用
在线分裂互补色工具说明
生成基础色及互补色两侧的分裂互补配色。全部操作均在浏览器本地完成。
使用方法：在线分裂互补色工具
- 选择基础颜色，生成两种分裂互补色；可编辑和复制全部结果。
- 颜色面板支持色板、HEX、RGB、HSV 与 HSL 输入，各格式实时联动。
- 生成结果后可逐项手工调整，通过复制全部按钮复制当前结果文本。
- 点击“复制全部”获取完整结果，点击“清空”恢复默认状态。
工具作用
- 生成基础色及互补色两侧的分裂互补配色。
- 减少人工换算和反复试色，提高设计与开发效率。
- 提供标准颜色格式，便于在 CSS、设计软件和文档中使用。
计算或提取原理
使用 H、H+150°、H+210°，比直接互补更柔和。
应用场景
- 网页配色：快速获得可直接使用或继续调整的颜色结果。
- 插画：快速获得可直接使用或继续调整的颜色结果。
- 品牌辅助色：快速获得可直接使用或继续调整的颜色结果。
- 信息图表：快速获得可直接使用或继续调整的颜色结果。
- 室内软装：快速获得可直接使用或继续调整的颜色结果。
使用建议
生成颜色后仍应结合文字可读性、对比度、使用面积和品牌规范进行调整。本页不提供图片取色。
隐私说明
颜色计算在浏览器本地执行，没有图片上传控件。
具体示例：从品牌色生成分裂互补色
输入红色#FF0000并点击生成，结果依次为#FF0000、#00FF80、#007FFF。两种辅助色相对于基础色的HSL色相偏移固定为+150°和+210°，不需要也不能另设分裂角度。基础色保持精确值，派生色使用取整后的HSL值换算。能否用于文字或按钮还需另外检查对比度。
常见问题
分裂互补色与互补色有何区别？
互补色是色相环上相差180°的两种颜色，对比强烈。分裂互补色则使用基础色的互补色两侧的颜色，例如互补色为30°，则使用0°和60°。这样既保留了对比度，又比直接互补更柔和，更容易搭配。
如何选择分裂角度？
本工具使用互补色两侧各30°的固定偏移，没有角度控件。可独立编辑结果色，但编辑后会打破固定配色关系。修改基础色后需再次点击生成，结果不会自动重算。
生成的色值在不同设备上显示一致吗？
颜色值（如HEX）是标准化的，但实际显示效果受显示器、色彩配置和浏览器影响。建议在目标设备上检查对比度和可读性，确保符合无障碍要求。
此工具无需安装，所有处理均在当前浏览器本地完成，不会上传输入内容或本地文件。