HSL 转 HEX
输入 HSL 值（色相 0–360，饱和度和明度 0–100%），立即得到十六进制颜色代码。可以写成 hsl(200, 50%, 37%)，也可以只写 200 50 37。
示例：
HEX 结果
批量转换（每行一个）
换算方法
设 S、L 为 0–1 的小数：C = (1 − |2L − 1|) × S，X = C × (1 − |(H / 60) mod 2 − 1|)，m = L − C / 2。
根据 H 所在的 60° 区间确定 (R′, G′, B′) 取 (C, X, 0)、(X, C, 0) 等组合，再计算 (R′ + m) × 255 得到 RGB，最后换算成 HEX。
常见问题
HSL 三个值分别是什么？
H 是色相，0 为红、120 为绿、240 为蓝；S 是饱和度，0% 为灰；L 是明度，0% 为黑、100% 为白、50% 为最纯的颜色。
为什么 HSL 调色更直观？
只改 L 就能得到同一颜色的深浅变化，只改 H 就能换色相，比直接调 RGB 三个通道容易控制。
转换后再转回来数值会变吗？
可能差 1 左右。HEX 只能表示整数 RGB，来回转换会有四舍五入误差，颜色本身几乎没有区别。