配色方案生成器
选一个主色，按色相环规则生成 5 色配色。计算在 OKLCH 色彩空间里进行，同一套配色的明暗更均衡。
主色
配色规则
色库限制
界面预览
导出
使用步骤
- 选择主色：用取色框、输入色值，或点“随机”。
- 切换配色规则，对比不同规则下的效果和界面预览。
- 点击色条复制单个色值，或复制整套 HEX / CSS 变量。
常见问题
这几种配色规则有什么区别？
互补色取色相环上相对的颜色，对比最强；类似色取相邻颜色，最柔和；三角和四方在色相环上等距取色，色彩更丰富；分裂互补对比强但比互补色好控制；单色只改变明暗。
为什么不用 HSL 旋转色相？
HSL 里同样亮度数值的黄色看起来比蓝色亮得多，旋转后明暗会失衡。OKLCH 是感知均匀的色彩空间，旋转色相时明度保持一致，结果更协调。
生成的颜色超出了显示器色域怎么办？
工具会保持明度和色相、自动降低彩度，把颜色拉回 sRGB 色域内，所以不会出现无法显示的颜色。
“仅用中国传统色”是怎么实现的？
工具先按选定的色相规则生成颜色，再在现有 315 种传统色中用 OKLab 色差查找最接近的颜色替换。因此导出的每个色值都与传统色库中的色号一致。