Color Converter (HEX, RGB, HSL)
Convert a color between HEX, RGB and HSL. Pick a color or type in any of the three formats and the others update live, with a preview swatch and one-click copy. Runs in your browser.
FAQ
How do I convert HEX to RGB?
A hex color like #FF8800 splits into pairs: FF = 255 red, 88 = 136 green, 00 = 0 blue, giving rgb(255, 136, 0). Type a hex value here and the RGB (and HSL) update instantly.
How do I convert RGB to HSL?
HSL describes a color as hue (0-360°), saturation (%) and lightness (%), using a standard formula based on the max and min of the red, green and blue channels. For example rgb(255,136,0) is hsl(32, 100%, 50%).
What is the difference between RGB and HSL?
RGB mixes red, green and blue light, matching how screens work. HSL describes hue, saturation and lightness, which is more intuitive — to lighten a color you just raise the lightness instead of juggling three channels.
Can I type in any format?
Yes. Edit the HEX, RGB or HSL field (or use the color picker) and the other two recalculate live, with a preview swatch and copy buttons for each.
More tools: hex to RGB, CSS gradient generator, and the full tools list.