Convert between HEX, RGB and HSL colour formats instantly. Pick a colour, paste a code, or use the sliders.
How to use the colour converter
Pick a colour using the colour picker, move the RGB sliders, or type a HEX code directly. All three formats update in real time. Click "Copy" next to any format to copy it to your clipboard for use in CSS, design tools, or anywhere else.
Frequently Asked Questions
What colour formats are supported? +
The converter supports HEX (#FF5733), RGB (rgb(255, 87, 51)), and HSL (hsl(11, 100%, 60%)) colour formats. You can input any format and get instant conversions to the other two.
What is the difference between HEX, RGB and HSL? +
HEX uses a 6-character hexadecimal code (e.g. #FF5733) and is the most common format in web design. RGB defines colours by red, green and blue values from 0-255. HSL uses hue (0-360°), saturation (0-100%) and lightness (0-100%), which is often more intuitive for adjusting colours.
Is this tool free? +
Yes. No account, no subscription, no limits. The conversion runs entirely in your browser.