色彩和谐简介
基于色轮与色彩理论生成和谐配色方案，如互补、类似、三角、分裂互补、矩形等，便于快速得到协调的界面或品牌色板。
本工具支持从主色出发生成一组和谐色，并展示各色在色轮上的关系及 HEX/RGB 值，可复制到设计或代码中直接使用。
色彩和谐生成器
R
G
B
A
#F6AD55
#559EF6
使用说明
设定主色
输入或选择主色（HEX、RGB 等），工具会以此为基础在色轮上计算和谐色。可调节主色色相、饱和度与明度以微调整体风格。
选择和谐类型
选择配色类型：互补（对侧）、类似（相邻）、三角（等分 120°）、分裂互补、矩形等。每种类型会生成固定数量与关系的色相，并展示色块与色轮图。
使用与导出
查看生成的色板及 HEX/RGB 等数值，复制单色或整组到设计软件或 CSS 变量中；部分工具支持导出为 JSON 或 CSS 变量列表。
常见问题
Q: 互补色和类似色有什么区别？
互补色在色轮上相对（如红与青），对比强、冲击力大；类似色在色轮上相邻（如红与橙），整体更统一、柔和。可根据品牌或界面风格选择。
Q: 生成的色可以改明度吗？
可以。工具通常固定色相关系，你可在复制后单独调整各色的明度与饱和度，或使用工具内的明度/饱和度滑块（若有）再导出。
Q: 适合做 UI 主色板吗？
适合作为起点；实际 UI 还需考虑对比度、无障碍与层次（主色、强调、背景等），可在和谐色基础上再微调或扩展深浅变体。