ToolRobinNo account needed

Color Converter

Convert sRGB colors between HEX, RGB and HSL, including an alpha value.

Paste or choose an input, select options and process it locally. Review the result before copying or downloading.

Accepts HEX 3/4/6/8 digits, numeric RGB 0–255, and HSL hue with saturation/lightness 0–100%. No CSS names, var(), Lab, CMYK or wide-gamut profiles. HSL output rounds to 2 decimals, so copying between formats can add rounding differences.

How to use

What does this tool do?

Translate a CSS color between HEX, RGB and HSL while retaining alpha. Conversions use sRGB channel values and rounded output suitable for copying into ordinary CSS.

Color Converter

Translate a CSS color between HEX, RGB and HSL while retaining alpha. Conversions use sRGB channel values and rounded output suitable for copying into ordinary CSS.

Step by step

  1. Paste or choose an input, select options and process it locally. Review the result before copying or downloading.
  2. Use 3, 4, 6 or 8-digit HEX; RGB channels range from 0 to 255. HSL saturation and lightness use percentages, and alpha can be a fraction or percentage.

Choosing the settings

OptionWhat changes
OptionsUse 3, 4, 6 or 8-digit HEX; RGB channels range from 0 to 255. HSL saturation and lightness use percentages, and alpha can be a fraction or percentage.
LimitsAccepts HEX 3/4/6/8 digits, numeric RGB 0–255, and HSL hue with saturation/lightness 0–100%. No CSS names, var(), Lab, CMYK or wide-gamut profiles. HSL output rounds to 2 decimals, so copying between formats can add rounding differences.

Example and expected result

#2563EB equals RGB 37, 99, 235 and HSL about 221.21°, 83.19%, 53.33%.

If it is not working

  • Check channel ranges and syntax. Named colors, CSS variables, Lab, CMYK and wide-gamut profiles are unsupported; rounded HSL can differ slightly on a round trip.

Formats and limits

Accepts HEX 3/4/6/8 digits, numeric RGB 0–255, and HSL hue with saturation/lightness 0–100%. No CSS names, var(), Lab, CMYK or wide-gamut profiles. HSL output rounds to 2 decimals, so copying between formats can add rounding differences.

FAQ

What does this tool do?

Translate a CSS color between HEX, RGB and HSL while retaining alpha. Conversions use sRGB channel values and rounded output suitable for copying into ordinary CSS.

Which setting should I choose?

Use 3, 4, 6 or 8-digit HEX; RGB channels range from 0 to 255. HSL saturation and lightness use percentages, and alpha can be a fraction or percentage.

What are the limits?

Accepts HEX 3/4/6/8 digits, numeric RGB 0–255, and HSL hue with saturation/lightness 0–100%. No CSS names, var(), Lab, CMYK or wide-gamut profiles. HSL output rounds to 2 decimals, so copying between formats can add rounding differences.

Why did processing fail?

Check channel ranges and syntax. Named colors, CSS variables, Lab, CMYK and wide-gamut profiles are unsupported; rounded HSL can differ slightly on a round trip.

Is my input uploaded or saved?

No. Processing runs on your device. Inputs and results stay in this page’s memory until you clear it or leave. They are not uploaded, logged or stored by ToolRobin. Copying places the result on your device’s clipboard.

You might also need