Skip to content
ScarlisLabs.comONLINE TOOLSFree · No account needed
Home / Tools / HEX to RGB and HSL Color Converter
FREE TOOL

HEX to RGB and HSL Color Converter

Convert a HEX color to RGB and HSL instantly. Use the color picker or enter a three- or six-digit HEX code and copy the values for CSS.

Pick a color or enter a HEX value to get HEX, RGB and HSL formats.

HEX#7857FF
RGBrgb(120, 87, 255)
HSLhsl(252, 100%, 67%)

How to use this tool

  1. Select a color or enter a HEX value such as #7857ff or #fff.
  2. Press Enter or leave the field to update the HEX, RGB and HSL results.
  3. Copy the format you need and use it in your stylesheet or design workflow.

Example

#FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)

Frequently asked questions

Which HEX formats are supported?

Three- and six-digit HEX values are supported, with or without the # symbol. Four- and eight-digit values with an alpha channel are not supported.

Does it convert RGB input to HEX?

This version accepts HEX or the color picker as input and produces HEX, RGB and HSL output.

Why are HSL values rounded?

Hue, saturation and lightness are rounded to whole numbers for readable CSS. Small differences can appear when converting those rounded values back.