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 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.

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

2025年3月10日 · It is recommended to use hsl(). 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.

2023年5月19日 · HSL Color Model. The HSL color model, also known as Hue, Saturation, Lightness is similar to the HSV/HSB color model but with some key differences: Hue: The hue is still the color’s position on the color wheel, measured in degrees from 0 to 360. Saturation: Saturation still represents the purity of the color, measured on a scale from 0% to 100%.

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 …

2020年11月22日 · Smith在1978年创建的一种颜色空间, 也称六角锥体模型(Hexcone Model)。 这个 模型 中 颜色 的参数分别是：色调（H），饱和度（S），明度（V）。 颜色 模型 色调H 用角度度量，取值范围为0°～360°，从红色

2024年3月26日 · The HSL model describes colors in terms of hue, saturation, and lightness (also called luminance). (Note: the definition of saturation in HSL is substantially different from HSV.) The model has two prominent properties: The transition from black to a hue to white is symmetric and is controlled solely by increasing lightness

The HSL color model stands for Hue, Saturation, and Lightness. It's a way of understanding and representing colors in a manner that's often more intuitive than the standard RGB model. Imagine trying to mix paint colors; HSL helps us visualize color adjustments the …

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 ...