What is the difference between RGB and HSL?

RGB defines a color by red, green, and blue light intensity; HSL defines it by hue, saturation, and lightness — HSL is often more intuitive for adjusting a color's shade or brightness.

Can I use a 3-character hex code?

Yes — shorthand hex codes like #2de are automatically expanded to their 6-character equivalent.

Developer Tools Image Tools

Color Converter (HEX / RGB / HSL)

Convert a color between HEX, RGB, and HSL formats.

Hex color

RGB

rgb(47, 222, 155)

HSL

hsl(157, 73%, 53%)

Ad space

About this tool

Enter or pick a color to instantly see its equivalent HEX, RGB, and HSL values — useful for design work, CSS, and matching colors across tools that expect different formats.

How to use this tool

1
Enter a hex color
Type a hex code like #2FDE9B, or use the color picker.
2
Read the conversions
See the equivalent RGB and HSL values instantly.

Frequently asked questions

What is the difference between RGB and HSL?: RGB defines a color by red, green, and blue light intensity; HSL defines it by hue, saturation, and lightness — HSL is often more intuitive for adjusting a color's shade or brightness.
Can I use a 3-character hex code?: Yes — shorthand hex codes like #2de are automatically expanded to their 6-character equivalent.

Developer Tools