之前关于网页点击热区图的文章中曾提到用 HSL 色彩来表示由冷到热的变化更为方便。不过，有时我们还是需要使用 RGB 或 RGBA 色彩表示方法，比如在做一些象素级的操作时，这时，就需要将色彩由 HSL 表示方法转为 RGB 表示方法。

HSL 到 RGB 的转换规则很简单。我们用 (h, s, l) 表示 HSL 色彩的值，(r, g, b) 表示对应的 RGB 色彩的值，则当 s 为 0 时，HSL 对应的 RGB 色彩就是 (l, l, l)。当 s 不为零时，转换过程如下：

一个 Python 实现如下：

def HSL2RGB(h, s, l):
	u"HSL -> RGB，返回一个元组，格式为：(r, g, b)"

	if s > 0:
		v_1_3 = 1.0 / 3
		v_1_6 = 1.0 / 6
		v_2_3 = 2.0 / 3

		q = l * (1 + s) if l < 0.5 else l + s - (l * s)
		p = l * 2 - q
		hk = h / 360.0 # h 规范化到值域 [0, 1) 内
		tr = hk + v_1_3
		tg = hk
		tb = hk - v_1_3

		rgb = [
			tc + 1.0 if tc < 0 else
			tc - 1.0 if tc > 1 else
			tc
			for tc in (tr, tg, tb)
		]

		rgb = [
			p + ((q - p) * 6 * tc) if tc < v_1_6 else
			q if v_1_6 <= tc < 0.5 else
			p + ((q - p) * 6 * (v_2_3 - tc)) if 0.5 <= tc < v_2_3 else
			p
			for tc in rgb
		]

		rgb = tuple(int(i * 255) for i in rgb)

	# s == 0 的情况
	else:
		rgb = (int(l * 255),) * 3

	return rgb

我也写了一个 JavaScript 版本的 HSL2RGB 函数，不过 js 版本的代码远不如 Python 版本的简洁明了，这儿就不贴出来了。

另外，在这个页面还有RGB、HSL、HSV之间相互转换的过程说明，如果需要，可以看一看。