HSL stands for hue, saturation, and lightness, and is often also called HLS. HSV stands for hue, saturation, and value, and is also often called HSB (B for brightness). A third model, common in computer vision applications, is HSI, for hue, saturation, and intensity.

Play the HSL Color Game. Find the square with a different shade or lightness. Share your score with your friends.

HSL即 色相 、 飽和度 、 亮度 （英語： Hue, Saturation, Lightness）。 HSV即 色相 、 飽和度 、 明度 （英語： Hue, Saturation, Value），又稱 HSB，其中B即英語： Brightness。 色相 （Hue）是色彩的基本屬性，就是平常所說的 顏色 名稱，如 紅色 、 黃色 等。 飽和度 （Saturation）是指色彩的純度，越高色彩越純，低則逐漸變灰，取0-100%的數值。 明度 （Value）、亮度（Lightness）、亮度（Brightness），取0-100%。

HSL色彩模式是工业界的另一种颜色标准，是通过对色相 (H)、饱和度 (S)、明度 (L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，HSL即是代表色相，饱和度，明度三个通道的颜色。 HSL的H (hue)分量，代表的是人眼所能感知的颜色范围，这些颜色分布在一个平面的色相环上，取值范围是0°到360°的圆心角，每个角度可以代表一种颜色。 色相值的意义在于，我们可以在不改变光感的情况下，通过旋转色相环来改变颜色。 在实际应用中，我们需要记住 …

HSL即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。 色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。 明度（V），亮度（L），取0-100%。 HSV即 色相 、 饱和度 、 明度 （英语：Hue, Saturation, Value），又称HSB，其中B即英语：Brightness。 HSL和HSV二者都把颜色描述在 圆柱坐标系 内的点，这个圆柱的中心轴取值为自底部的 黑色 到顶部的 白色 …

2021年9月10日 · hsl和hsv是两种最常见的圆柱坐标表示的颜色模型，它重新影射了rgb模型，从而能够视觉上比rgb模型更具有视觉直观性。 HSV 颜色空间 HSV (hue,saturation,value) 颜色空间 的模型对应于圆柱坐标系中的一个圆锥形子集，圆锥的顶面对应于V=1.

HSL (色相hue, 饱和度saturation, 亮度lightness/luminance), HSI (I指intensity) 与 HSV非常相似，仅用亮度（lightness）替代了明度（brightness）。二者区别在于，一种纯色的明度等于白色的明度，而纯色的亮度等于中度灰的亮度。

在 css 中，可以使用色相、饱和度和明度（hsl）来指定颜色，格式如下： hsla( hue , saturation , lightness ) 色相（ hue ）是色轮上从 0 到 360 的度数。

2023年7月13日 · 色彩空间中的hsl、hsv、hsb 有以下区别：一、定义和表示方式不同；二、颜色表示的差异；三、色彩变化方式不同；四、色彩空间的应用不同。

2016年5月10日 · HSL代表色调(Hue)，饱和度(Saturation)和亮度(Lightness)，通常也称为HLS。 HSV代表色调，饱和度和值(Value)。 注意HSL 和HSV的两个H的含义是相同的，而饱和度的定义是不同的，虽然都叫饱和度，从后面的定义可以看出二者的不同。