HSL色轮

用一个可下载的色轮来了解数字HSL颜色的几何结构。色相沿圆周变化，饱和度从中心向边缘增大，亮度设置作用于整个圆盘。一个带轮廓的小标记指出所选颜色的位置及其HEX结果。

使用方法

1. 选择色轮的亮度，范围是0到100%。
2. 设置色相（度）和饱和度（%）。
3. 读取所选的HEX值，并查看标记的位置。
4. 下载PNG，留作视觉参考。

计算公式

色相 = 从右侧起顺时针测得的角度，饱和度 = 到中心的距离 ÷ 半径 × 100%，亮度 = 所选的常数

所选的HSL颜色会转换为sRGB，并取整为0到255的整数通道，恰好为0.5时向上取整。色轮为320 × 320像素，圆盘之外是透明的。在中间亮度下，中心是灰色。

示例

在亮度50%、饱和度100%时，色相 0° 为 #FF0000，120° 为 #00FF00，240° 为 #0000FF。饱和度为0%时，无论什么色相，经过8位取整后都是同一种灰色 #808080。

色相方向

此色轮把红色放在右侧，色相沿顺时针方向增大。旋转整个图形只会改变外观，不会改变颜色之间的关系。HSL的间距并不是视觉差异或亮度相等的刻度。