HEX, RGB & HSL Converter
Enter a web color in any supported notation and get accurate, copy-ready equivalents.
#65F5D1
rgb(101, 245, 209)
hsl(165, 88%, 68%)
What is this tool?
Web colors can describe the same result using hexadecimal channels, red-green-blue values, or hue-saturation-lightness. This converter keeps those representations in sync.
How to use
- Enter a 3- or 6-digit HEX, RGB, or HSL value.
- Select Convert.
- Check the visual preview.
- Copy the notation needed by your CSS.
Example
#FF0000, rgb(255, 0, 0) and hsl(0, 100%, 50%) all represent red.
FAQ
Are alpha values supported?
Not currently. The converter focuses on opaque HEX, RGB and HSL colors.
Does HEX letter case matter?
No. Uppercase and lowercase hexadecimal digits represent the same color.
Why can values shift by one?
Conversion between models may require rounding to whole channel values or percentages.