功能介绍
配色方案生成器基于HSL色轮原理,可根据输入的基础色相快速生成常见配色方案,包括互补色、邻近色、三角色、分裂互补色和四色矩形,输出色板并提供颜色值的HEX/RGB/HSL格式,支持一键复制颜色值,也可一键随机生成配色方案。
使用方法
- 输入基础颜色的色相(H,0-360)、饱和度(S,0-100%)、亮度(L,0-100%)
- 在下拉菜单选择你想要生成的配色方案类型
- 点击「生成配色」即可得到5种配色,点击「随机生成」可随机生成一组配色
- 点击色板右侧的「复制HEX」按钮可一键复制对应颜色的十六进制代码
配色原理
- 互补色:色相相差180°,加上2个柔和变体组成5色
- 邻近色:基础色相左右±30°,加上基础色的两个柔和变体,组成5色
- 三角色:基础色相左右±120°,加上基础色的两个柔和变体,组成5色
- 分裂互补色:取基础色互补色左右各偏移30°,加上基础色的两个变体,组成5色
- 四色矩形:取基础色+90°,180°,270°四个色相,加上基础色组成5色
所有配色都基于HSL色轮角度计算,颜色转换使用标准转换公式,保证准确性。