Can I enter #fff?
No. Use the full six-digit form, for example #FFFFFF.
Tools
Color Converter
Convert HEX, RGB, and HSL values with a color picker and swatch.
HEX: #006ABF RGB: rgb(0, 106, 191) HSL: hsl(207, 100%, 37%)
Enter a six-digit HEX colour to see its RGB and HSL values, alongside a swatch for a quick visual check.
How to use this tool
- Choose a colour with the picker or enter a value such as #006ABF.
- Check the RGB and HSL values shown below the swatch.
- Copy the result for a stylesheet, design note or handover.
Ways to use it
- Prepare CSS values
- Turn a design HEX value into RGB or HSL for a stylesheet.
- Check a brand colour
- Use the swatch to confirm that a six-digit HEX value is the intended colour.
Supported colour input
- The text input accepts six-digit HEX colours, with or without the # sign.
- It converts that HEX value to RGB and HSL; it does not accept RGB, HSL, named colours or alpha values as input.
- HSL values are rounded to whole numbers.
Common questions
Does it include transparency?
No. The tool works with opaque six-digit HEX colours only.
Can I convert RGB back to HEX?
Not in this version. Start with a six-digit HEX value.
Why does the HSL value look rounded?
Hue, saturation and lightness are displayed as whole numbers for a compact result.