RGB to HSL color conversion

Enter red, green and blue color levels (0..255) and press the Convert button:

Enter red color (R):
Enter green color (G):
Enter blue color (B):
   
Hue (H): °  
Saturation (S): %  
Lightness (L): %  
Color preview:  

HSL to RGB conversion ►

RGB to HSL conversion formula

The R,G,B values are divided by 255 to change the range from 0..255 to 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Hue calculation:

 

Saturation calculation:

 

Lightness calculation:

L = (Cmax + Cmin) / 2

RGB to HSL color table

Color Color

name

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

 

HSL to RGB conversion ►

 

See also

Features of RGB to HSL Color Converter Tool

  1. Convert RGB values to HSL values: The tool allows users to input RGB values (red, green, blue) and converts them to the corresponding HSL values (hue, saturation, lightness).

  2. Convert HSL values to RGB values: The tool also allows users to input HSL values and converts them to the corresponding RGB values.

  3. Custom color input: Users can input their own RGB or HSL values to convert to the other format.

  4. Color picker: Some RGB to HSL color converter tools may include a color picker feature, which allows users to select a color from a visual palette or by adjusting sliders for the RGB or HSL values.

  5. Preview of resulting color: The tool should display a preview of the resulting color after the conversion, so users can see what the color looks like.

  6. Multiple color conversion: Some tools may allow users to convert multiple colors at once, either by inputting multiple sets of values or by using a color swatch or palette.

  7. Color library or palette: Some tools may include a library or palette of pre-defined colors that users can select from or use as a reference.

  8. Responsive design: The tool should be responsive and work well on a variety of devices, such as desktop computers, tablets, and smartphones.

  9. HSL color space visualization: Some tools may include a visualization of the HSL color space, which can help users understand how different HSL values correspond to different colors.

  10. Option to adjust HSL values as percentages or degrees: Some tools may allow users to input HSL values as percentages or degrees, depending on their preference.

Advertising

COLOR CONVERSION
°• CmtoInchesConvert.com •°