A HSL color code, which stands for Hue, Saturation, Lightness, is a color representation system used in digital design and computing. Unlike RGB, which is based on the red, green, and blue primary colors, HSL focuses on different aspects of color.

Hue: Represents the type of color, ranging from 0 to 360 degrees around the color wheel, where red is 0, green is 120, and blue is 240, for example.
Saturation: Measures the purity of the color, with 0% being grayscale and 100% being fully saturated.
Lightness: Specifies the brightness of the color, with 0% being black, 100% being white, and 50% being the original color.

HSL color codes provide a more intuitive and user-friendly way to work with colors, making it easier to adjust color attributes like hue, saturation, and lightness for various design purposes in web and graphic design.

Color Converters

hsl

HSL to HEX

HSL to HEXA

HSL to HSV

HSL to HSVA

HSL to LAB

HSL to LCH

HSL to OKLAB

HSL to OKLCH

HSL to RGB

HSL to RGBA

HSL to XYZ