Color Converter
Convert colors between HEX, RGB, and HSL instantly with a live preview swatch.
Free to use, no sign-up, no limit on how many times you run it.More color tools
Overview
Designers and developers constantly translate colors between formats — HEX for CSS, RGB for canvas or image work, HSL for adjusting lightness and saturation intuitively.
- Live swatch preview as you type
- Two-way conversion between HEX, RGB, and HSL
- Copy any format with one click
How to use it
- 1Enter a color in any of the three formats
- 2The other two formats update automatically
- 3Copy whichever format you need
Tips
- — HSL is often the easiest format for tweaking a color's lightness without changing its hue
Frequently asked questions
Which color formats are supported?
HEX (with or without the # prefix), RGB, and HSL. Enter a value in any one field and the other two update automatically.
Can I use this to pick a brand color?
Yes — adjust any value and use the live swatch to preview the exact color before copying the code you need.