HSL Color Finder
Find any color by HSL values. Enter hue, saturation and lightness and get the complete color breakdown — HEX, RGB, HSV, CMYK and closest named color.
Enter HSL values (e.g. 16, 100, 66)
What Is an HSL Color Finder?
An HSL color finder takes hue, saturation and lightness values and reveals the complete color information — HEX, RGB, HSV, CMYK and closest named color. It is useful when you are working with design systems, CSS variables or any tool that uses HSL, and need to quickly see the color in other formats.
About HSL Values
HSL describes a color as three independent properties: hue (0-360° on the color wheel), saturation (0-100%, how vivid) and lightness (0-100%, how light or dark). HSL is more intuitive than RGB for design work because you can adjust each property independently. It is supported directly in modern CSS.