色轮工具

在 HSL 色轮上点击或拖动取色：色轮角度为色相、半径方向为饱和度、明度固定 50%。取色后输出该颜色的 HEX / RGB / HSL，并计算互补（+180°）、三等分（+120°/+240°）、四等分（+90°/+180°/+270°）、邻近（±30°）、分裂互补（+150°/+210°）等真实配色关系。全部在浏览器本地完成。

色轮取色等待取色

当前颜色

十六进制

点击色轮任意位置取色，按住拖动可连续取色；也可直接输入十六进制色值或使用颜色选择器。

配色关系

HEX—

HSL—

配色数—

在色轮上点击或拖动取色，或直接输入十六进制色值，配色关系将显示在这里。

色轮角度为色相、半径方向为饱和度、明度固定 50%；配色关系按色相旋转计算。

配色规则

色轮绘制：角度映射色相（12 点方向为 0°，顺时针递增），半径映射饱和度，明度固定 50%。
互补色：色相 +180°。
三等分：色相 +120° 与 +240°。
四等分：色相 +90°、+180°、+270°。
邻近色：色相 -30° 与 +30°。
分裂互补：色相 +150° 与 +210°。
色相旋转结果统一取 S=100%、L=50%，超出 360° 时按 mod 360 归一。