ConvertOnline

ConvertRGBtoHSL

Input

Label0
Label1
Label2
Label3

Color Preview

Output

CSS Color Value

How to use this RGB to HSL Color Converter 🤔

Click 👆 on the input fields and enter values for the input RGB color channels, or you may use the sliders given 🎚 against each channel to set a specific value for the respective color channel.
As you change the RGB color channels, the HSL color value is calculated, in real time ⌚.
Also a color preview is provided to give a feedback on which color that we are converting from RGB to HSL.

Color Conversions

RGB to other formats

HSV to other formats

HSL to other formats

HEX to other formats

CMYK to other formats

{
  "convert": "rgb-hsl",
  "from": "rgb",
  "to": "hsl",
  "category": "Color"
}

{
  "color_ranges": [
    [
      0,
      255
    ],
    [
      0,
      255
    ],
    [
      0,
      255
    ]
  ],
  "initial_values": [
    "46",
    "209",
    "138"
  ],
  "labels": [
    "Red",
    "Green",
    "Blue"
  ]
}