Convert colours between HEX, RGB and HSL formats. Choose the format you are starting from, enter a colour, and get the equivalent values in the other two formats with a live preview.
Preview
How to Use
- Choose whether you are converting from HEX, RGB or HSL.
- Enter your colour value.
- Select Convert to see the equivalent values in all three formats.
- Check the live preview swatch to see the colour.
Key Features
- Converts between HEX, RGB and HSL in any direction.
- Accepts 3-digit and 6-digit HEX codes.
- Live colour preview swatch.
- Validates input and clamps out-of-range values.
- Free with instant results.
FAQs
What is the difference between RGB and HSL?
RGB describes colours by red, green and blue light. HSL describes them by hue, saturation and lightness, which many designers find more intuitive.
Can I enter a 3-digit HEX code?
Yes. Codes like #0F7 are expanded automatically.
What happens with invalid values?
Invalid HEX codes show an error, while out-of-range RGB and HSL numbers are clamped to valid ranges.
Is the conversion exact?
Values are rounded to whole numbers, so tiny rounding differences are possible.
Related Tools
Try our Hex RGB Converter, Color Palette Generator, CSS Gradient Generator and Random Color Generator.