HSL to RGB color conversion

Enter hue in degrees (°), saturation and lightness (0..100%) and press the Convert button:

 Enter hue (H): ° Enter saturation (S): % Enter lightness (L): % RGB hex code (#): Red color (R): Green color (G): Blue color (B): Color preview:

RGB to HSL conversion ►

HSL to RGB conversion formula

When 0 ≤ H < 360, 0 ≤ S ≤ 1 and 0 ≤ L ≤ 1:

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

HSL to RGB color table

Color Color

name

(H,S,L) Hex (R,G,B)
Black (0°,0%,0%) #000000 (0,0,0)
White (0°,0%,100%) #FFFFFF (255,255,255)
Red (0°,100%,50%) #FF0000 (255,0,0)
Lime (120°,100%,50%) #00FF00 (0,255,0)
Blue (240°,100%,50%) #0000FF (0,0,255)
Yellow (60°,100%,50%) #FFFF00 (255,255,0)
Cyan (180°,100%,50%) #00FFFF (0,255,255)
Magenta (300°,100%,50%) #FF00FF (255,0,255)
Silver (0°,0%,75%) #BFBFBF (191,191,191)
Gray (0°,0%,50%) #808080 (128,128,128)
Maroon (0°,100%,25%) #800000 (128,0,0)
Olive (60°,100%,25%) #808000 (128,128,0)
Green (120°,100%,25%) #008000 (0,128,0)
Purple (300°,100%,25%) #800080 (128,0,128)
Teal (180°,100%,25%) #008080 (0,128,128)
Navy (240°,100%,25%) #000080 (0,0,128)

RGB to HSL conversion ►

HSL to RGB color conversion

RGB color space is an additive color space that uses three primary colors, red, green, and blue, to create all other colors. RGB color values are specified using three 8-bit integers, one for each primary color. This creates a range of possible colors from 0 (no light) to 255 (full light).

HSL (hue, saturation, lightness) is a color space that is a more intuitive way to specify colors than RGB. HSL values are specified using three floating point numbers, one for each component. The range of possible HSL values is from 0 (no hue) to 1 (full saturation and lightness).

RGB to HSL conversion is a process of converting RGB color values to HSL values. The RGB to HSL conversion formula is:

hue = (red - green) / (red + green + blue)
saturation = (blue - green) / (blue + green + red)

Features of HSL to RGB Color Converter Tool

1. HSL (Hue, Saturation, and Lightness) input: The tool allows you to input colors in the HSL color space, which is based on the three characteristics of hue, saturation, and lightness.

2. RGB (Red, Green, Blue) output: The tool converts HSL colors to the RGB color space, which is based on the three primary colors red, green, and blue.

3. Color preview: The tool typically includes a color preview feature that allows you to see a representation of the selected HSL color as it will appear in the RGB color space.

4. Adjustable sliders: Many HSL to RGB color conversion tools include adjustable sliders or input fields that allow you to fine-tune the values of the HSL color to get the desired RGB output.

5. Hexadecimal output: The tool may also provide the resulting RGB color in the hexadecimal color format, which is a standard representation of colors used in web design and other digital applications.

6. Color palette: Some HSL to RGB conversion tools include a color palette feature that allows you to choose from a range of preset colors or create your own custom colors.

7. Color history: Some tools may also have a color history feature that allows you to keep track of the colors you have converted, making it easier to use the same colors in multiple projects.

8. Compatibility with different color spaces: Some HSL to RGB conversion tools are compatible with other color spaces such as CMYK (Cyan, Magenta, Yellow, and Black) or HSB (Hue, Saturation, and Brightness), allowing you to convert between these different color models as well.