HSL to HEX Color Converter

Home » Online Tools » The Best Free HSL to HEX Color Converter!

Enter Your HSL Color

Enter Hue (H) deg
Enter Saturation (S) %
Enter Lightness (L) %

Converted Color Output

HEX
R
G
B

HSL to HEX Color Converter is used to convert HSL color into HEXADECIMAL color for free without installing any software or extension on your device.

Now let’s see how to use:

  1. In HSL color format it has 3parts
    1. the first part of Hue
    2. the Second part for Saturation
    3. and the Last Part For Lightness.
  2. Enter your value in a specific input field given screen shoot below.HSL to HEX Color Converter
  3. Now look at the output part there are two parts, the first one is for Color Preview according to your color code and the next part marked by red color is for output.HSL to HEX Color Converter
  4. Copy the color code from the HEX field This is your converted color code.

About HSL Color Formate:

The full form of HSL is H: hue, S: saturation, and lightness. Here Hue is the degree on the color wheel between (0-360), in the color wheel 0deg or 360deg is for red color, 120deg for green, and 240deg is for blue color. Saturation is the value between 0% to 100%; 0% means a shade of gray and 100% is the full color.

HSL to RGB

Syntex of an HSL color in CSS is:

hsl(hue, saturation, lightness)

Some Examples of HSL Colors:

  1. hsl(0, 100%, 80%)       = red color
  2. hsl(360, 100%, 80%)  = red color
  3. hsl(120, 100%, 25%)   = dark green color
  4. hsl(120, 60%, 70%)     = pastel green color

About HEXADECIMAL color:

The full form of HSL is H: hue, S: saturation, and lightness. Here Hue is the degree on the color wheel between (0-360), in the color wheel 0deg or 360deg is for red color, 120deg for green, and 240deg is for blue color. Saturation is the value between 0% to 100%; 0% means a shade of gray and 100% is the full color.

HSL to HEX

In the Hexadecimal number system, it has 16 alphabets like 0,1,2,3,4,5,6,7,8,9, a,b,c,d,e, and f, and in Hexadecimal color format has three parts like- red, green, and blue. The syntax of hex color is #rrggbb.

In this system “#” represents that this code is a hexadecimal color code, “rr” represent the color code for red in hexadecimal number and its minimum value is “00” and the maximum value is “ff”, same as “gg” represent color code for the green in hexadecimal and last one “bb” represents the hexadecimal color code for blue color.

How to make color using hexadecimal?

If you want to create the original red color in hexadecimal format by following the hex color format role the color code should be: #ff0000

now let’s write a color code for green and blue: #00ff00 (for green) and #0000ff (for blue) here 00 means no color.

Create Beautiful colors using our Color generator:

Color Palette Generator.

Flat UI Colors Library.

Gradient Colors Library.

Leave a Reply

Your email address will not be published.