HEX to RGB Converter
Convert colors between HEX, RGB and HSL with a live preview swatch.
HEX
#22e07a
RGB
rgb(34, 224, 122)
HSL
hsl(148, 75%, 51%)
How to use HEX to RGB Converter
- 01Paste a color in any format: #4f46e5, rgb(79, 70, 229) or hsl values.
- 02The other formats update immediately and the swatch shows the color.
- 03Copy whichever format your stylesheet needs.
About HEX to RGB Converter
HEX and RGB describe the same thing in different notation: three channels from 0 to 255, written either as pairs of hexadecimal digits or as decimal numbers. #FF0000 and rgb(255, 0, 0) are byte-for-byte the same color.
HSL is more useful when editing. Because hue, saturation and lightness are separate, you can build a consistent palette by holding the hue and changing only lightness — something that is guesswork in hexadecimal. An eight-digit hex simply adds an alpha channel at the end.
Frequently asked questions
- Does it accept shorthand hex?
- Yes, three-digit codes such as #0af are expanded automatically, and eight-digit codes with alpha are supported.
- Which format should I use in CSS?
- All three work. HSL is easiest to adjust by hand; HEX is the most compact.
- Can I convert RGB back to HEX?
- Yes, editing any field updates the others.
Related tools and tools
Color Palette Generator
Pick a color, get its hex, RGB and HSL values, and build a matching palette.
Unit Converter
Convert length, weight, temperature, volume, area, speed and data sizes instantly.
Markdown to HTML
Write markdown, preview it live and copy the generated HTML.
Random Number Generator
Pick random numbers in any range, with or without duplicates.