Output Color

Loading… Please Wait

About HSL to Hex Converter

Input an HSL value like hsl(240deg, 100%, 50%) and Diversify India’s HSL to Hex converter will convert this value to an Hex color like #0000ff.

HSL color parameters are hue, saturation, and lightness. The output is a 6 digit hexadecimal color code with a red, green, and blue color channel.

What is HSL?

In HSL, H is Hue, S is Saturation, and L is Lightness. This color model is used in web design and graphics to define colors in terms of their hue (angle on the color wheel), saturation (intensity), and lightness (brightness). Hue spans 0 to 360 degrees, with saturation and lightness both ranging from 0 to 100%.

What is Hex?

HEX, short for hexadecimal, is a color code used in web design that represents colors using six characters. Each pair of characters defines the intensity of the red, green, and blue channels, respectively. HEX codes start with a “#” followed by six alphanumeric characters (0-9, A-F).

Why Convert HSL to Hex?

Converting HSL color to HEX is useful when working across various web design and development platforms that may prefer or require HEX codes for color definitions. HEX codes are also more compact and easier to manage in CSS files.

How to Convert HSL to Hex

To convert HSL to HEX, you need to transform the hue, saturation, and lightness values to their equivalent RGB values (refer to our HSL to RGB article), then convert these RGB values to a HEX code (refer to our RGB to HEX article).

List of Color Tools