Color Converter
Runs in your browser. Your files never leave your device.
How we keep your files private
How to use Color Converter
- Pick a color or type HEX, rgb() or hsl().
- Read the other formats.
- Copy the one you need.
Common uses
- Moving colors from design tools to CSS.
- Finding HSL values for lighter and darker shades.
- Checking brand colors.
About this tool
Convert colours between HEX, RGB and HSL. Type a value in any of those notations or use the colour picker, then copy the format you need. Three-digit and six-digit HEX codes are accepted.
Worked example
#FF8800 is rgb(255, 136, 0), because FF is 255, 88 is 136 and 00 is 0. In HSL it is about hsl(32, 100%, 50%): a fully saturated orange at medium lightness.
Common problems and fixes
- A 3-digit hex code.
- #F80 is shorthand for #FF8800: each digit is doubled.
- Colours look different on another screen.
- Screens differ in calibration and colour profile. Hex and RGB values are the same but the display is not.
- Print colours differ.
- Print uses CMYK, which has a smaller range than screen RGB. Expect saturated colours to look duller on paper.
Next steps
Frequently asked questions
Are alpha values supported?
Not yet; the tool converts opaque colors.
What HEX formats work?
Three-digit and six-digit codes, with or without #.
What is HSL?
Hue, saturation and lightness, a model that makes it easier to adjust shades.
Are my files uploaded to a server?
No. Everything runs inside your browser on your own device, so your files and text are never sent anywhere.
Is it really free?
Yes. There is no sign-up, no watermark and no limit on how often you use it.
Does it work on my phone?
Yes. It works in any modern browser on phones, tablets and computers. Very large files may be slow on older phones.