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 …

An excellent HSL, HWB, and RGB color picker, written in React on Vite and fully open source.

在 CSS 中，可以使用色相、饱和度和明度（HSL）来指定颜色，格式如下： hsla (hue, saturation, lightness) 色相（hue）是色轮上从 0 到 360 的度数。 0 是红色，120 是绿色，240 是蓝色。 饱和度（saturation）是一个百分比值，0％ 表示灰色阴影，而 100％ 是全色。

HSL Value In CSS, a color can be specified using hue, saturation, and lightness (HSL) in the form: hsl (hue, saturation, lightness) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value. 0% means a shade of gray, and 100% is the full color.

HSL是色相（Hue）、饱和度（Saturation）和亮度（Lightness）这三个颜色属性的简称。 色相（Hue）是色彩的基本属性，就是人们平常所说的颜色名称，如紫色、青色、品红等等。

2025年3月10日 · The hsl () functional notation expresses a color in the sRGB color space according to its hue, saturation, and lightness components. An optional alpha component represents the color's transparency.

Flatuicolorpicker gives you the best of colors in one place. Get a constantly updating feed of the Blue HSL color model.

This HSL Color Wheel chart demonstrates the Hue, Saturation, and Lightness (HSL) color model, which provides an intuitive way to represent and adjust colors. The chart explains hue as a 0° to 360° angle on the wheel (e.g., 0° for red, 120° for green, and 240° for blue), saturation as the color intensity (0% for gray to 100% for vivid ...

2016年5月20日 · 应用加法的颜色空间，其中的颜色由原色相加得到。比如我们常见的RGB（Red, Green, Blue）。 H指Hue，可以理解为区别颜色的名称、类型，比如黄色、蓝色等。 S指Saturation，指颜色的『丰满』程度，该值越大，颜色越艳丽。 L指Lightness，指亮度。 从黑到白。 该颜色空间中，心Lightness为轴心；Hue围绕L旋转过程中颜色发生变化；每一个与L 正交 的平面上，以交点为中心向某方向（H）发射的射线是S。 注意，这两个东西是大大滴不同。 但它 …

2023年6月19日 · This page demonstrates the hue, saturation, and light (HSL) representation of color of the form hsl (H, S%, L%), where H is the hue measured in degrees of the color circle ranging from 0 to 360 (red = 0°; green = 120°; blue = 240°).