HSL Color Picker
An excellent HSL, HWB, and RGB color picker, written in React on Vite and fully open source.
HSL and HSV - Wikipedia
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.
Colors HSL and HSLA - W3Schools
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 …
HSL（色彩模式）_百度百科
HSL即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。 色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。 明度（V），亮度（L），取0-100%。 HSV即 色相 、 饱和度 、 明度 （英语：Hue, Saturation, Value），又称HSB，其中B即英语：Brightness。 HSL和HSV二者都把颜色描述在 圆柱坐标系 内的点，这个圆柱的中心轴取值为自底部的 黑色 到顶部的 白色 …
三分钟带你快速学习RGB、HSV和HSL颜色空间_hsl color space …
2021年9月10日 · 在 HSV 颜色空间下，比 RGB 更容易跟踪某种颜色的物体，常用于分割指定颜色的物体。 HSV 表达彩色图像的方式由三个部分组成： Value（明度）：亮度，沿着圆柱的高来看，圆柱表面上平行于圆柱轴上的点的颜色基调相同，纯度也相同，但是明暗程度不同。 同时，该圆柱的半径也不同，相当于磁盘的柱面。 用下面这个圆柱体来表示 HSV 颜色空间，圆柱体的横截面可以看做是一个极坐标系 ，H 用极坐标的极角表示，S 用极坐标的极轴长度表示，V 用圆柱中 …
hsl () - CSS: Cascading Style Sheets | MDN - MDN Web Docs
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.
Sass基础——颜色函数 | Sass中文网
HSL函数中最常见的应该是 lighten() 、 darken() 、 saturate() 、 desaturate() 、 grayscale() 、 complement() 和 invert() 几个函数。 接下来，我们针对这几个函数来做进一步的了解与学习。
HSL: Color tutorial
HSL may be the most complex scheme to visualize, especially since color selection software has to reduce its three descriptive dimensions to two dimensions on the monitor screen. But once learned, it can be useful in many instances—including color selection for the Web.
CSS hsl () 函数 - 菜鸟教程
HSL 即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。 色相（H） 是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S） 是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100% 的数值。 亮度（L），取 0-100%，增加亮度，颜色会向白色变化；减少亮度，颜色会向黑色变化。 HSL 是一种将 RGB 色彩模型中的点在圆柱坐标系中的表示法。 这两种表示法试图做到比基于笛卡尔坐标系的几何结构 RGB 更加直观。 支持版本：CSS3. 表格中 …
css背景色rgb、rgba、hsl、hsla、opacity的使用详解 - CSDN博客
2020年8月28日 · hsl的意思是色相-饱和度-亮度 (hue-saturation-lightness)。 hsl ()函数表示法需要3个参数，第一个是角度，第二个和第三个是百分比值。 分别代表“饱和度”和”亮度“，用过图形处理 软件 的人应该见过HSL色轮。 这里不做解释。 background-color:hsl(186,218,85); hsla和rgba类似，最后一个参数也是接受透明度的。 background-color:hsla(186,218,85,0.4); opacity. background-color:#555; opacity:0.5; opacity属性也是可以控制透明度的，那么和rgba、hsla有什么区别呢？