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

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 …

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, …

2025年3月10日 · When using relative color syntax inside an hsl() function, the browser converts the origin color into an equivalent HSL color (if it is not already specified as such). The color is …

HSL Color Values. In HTML, 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 …

Color picker, calculator and generator with high precision and contrast test. Converts also RGB, HEX, HSL, HSV/HSB, CMYK and CIE-LAB colors and lots of other formats.

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

Pick a color in HEX, RGB, HSL and LCH formats. Simple and fast.

This tool allows you to easily extract color codes from your image in the form of hsl codes. View the image at a granular pixel level and select the colour you require.