HSL & HWB: Hue. In both HSL and HWB we can describe and manipulate colors in a very natural way. The hue property ranges from 0 to 360 letting us select our base color. For example, red shows up at 0, yellow at 50, and orange naturally resides between them at 25 degrees. With the HSL model, a pure red is at hsl(0 100% 50%).

HSL and HSV are the two most common cylindrical-coordinate representations of points in an RGB color model. The two representations rearrange the geometry of RGB in an attempt to be more intuitive and perceptually relevant than the cartesian (cube) representation.

HSL 值. 在 CSS 中，可以使用色相、饱和度和明度（HSL）来指定颜色，格式如下： hsla(hue, saturation, lightness) 色相（hue）是色轮上从 0 到 360 的度数。0 是红色，120 是绿色，240 是蓝色。

HSL stands for Hue, Saturation, and Lightness. HSL color values are specified with: hsl (hue, saturation, lightness) Hue is a degree on the color wheel from 0 to 360. 0 (or 360) is red, 120 is green, 240 is blue. Saturation can be described as the intensity of a color. It is a percentage value from 0% to 100%. 100% is full color, no shades of gray.

HLS 也有三个分量，hue（色相）、saturation（饱和度）、lightness（亮度）。 HLS 和 HSV 的区别就是最后一个分量不同，HLS 的是 light(亮度)，HSV 的是 value(明度)。

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

2023年6月25日 · In this post, we'll take a look at what hues are and how you can take your first steps using hues in CSS using the hsl() function. What is a hue? Hue is the property that allows us to tell the difference (or similarity) between colors like red, orange, yellow, green, blue, etc.

HSL的H(hue)分量，代表的是人眼所能感知的颜色范围，这些颜色分布在一个平面的色相环上，取值范围是0°到360°的圆心角，每个角度可以代表一种颜色。

HSL即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。 色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。

HSL 即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。 色相（H） 是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S） 是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100% 的数值。