Why does my colour change slightly after converting twice?

HSL stores hue, saturation and lightness as rounded numbers. Converting to HSL and back can land one channel a single step away from where it started.

Which color formats does this converter support?

It converts six-digit HEX colors, RGB channel values, and HSL values in either direction, and previews the resulting color.

Color Converter

Convert a color between HEX, RGB, and HSL while previewing the result. Enter any supported value, read the equivalent color codes, and copy the CSS-ready format you need.

Choose color

HEX

RGB

HSL

Hue

Saturation

Lightness

How to use

Enter a colour in HEX, RGB or HSL.
Watch the other notations update as you type.
Copy the notation you need.

Frequently asked questions

Why does my colour change slightly after converting twice?: HSL stores hue, saturation and lightness as rounded numbers. Converting to HSL and back can land one channel a single step away from where it started.
Which color formats does this converter support?: It converts six-digit HEX colors, RGB channel values, and HSL values in either direction, and previews the resulting color.

Privacy

Colours are converted in your browser and are never sent to a server.

Related tools

Gradient Generator
Build a linear, radial or conic CSS gradient with live preview. Adjust colours, direction and stops, then copy the CSS.
Color Palette Generator
Generate a coordinated colour palette from a base colour and a harmony rule such as complementary or triadic. Copy any swatch as HEX.
Box Shadow Generator
Build a CSS box-shadow with live preview. Stack multiple shadow layers, adjust offset, blur, spread and colour, then copy the CSS.