Color Converter
Convert a colour between HEX, RGB and HSL. Pick a colour visually or type a hex code, see a live swatch, and copy any format with one click.
HEX, RGB and HSL explained
The three formats describe the same colors differently. HEX and RGB both specify red, green, and blue channels — HEX is compact for CSS, RGB is easy to read. HSL describes hue, saturation, and lightness, which is far more intuitive when you want to make a color lighter or less saturated.
Pick a color visually or type a hex code, and get all three formats to copy. Everything is computed in your browser.
How to use Color Converter
- 1Pick a colour with the swatch, or type a hex code like #2563eb.
- 2See the equivalent RGB and HSL values.
- 3Copy whichever format you need.
Frequently asked questions
What hex formats are accepted?
Both 6-digit (#2563eb) and 3-digit shorthand (#26e), with or without the leading #.
What's the difference between RGB and HSL?
RGB describes a colour by red, green and blue channels; HSL describes it by hue, saturation and lightness, which is often more intuitive to adjust.
Is anything uploaded?
No. All conversions happen in your browser.