Use the HEX, RGB & HSL Converter in three steps
Choose or enter a color
Use the picker or type a valid HEX value.
Review equivalent formats
See the matching RGB channels and HSL components.
Copy the notation
Use the format that best fits your stylesheet or design system.
RGB describes light channels
Red, green, and blue values each range from 0 to 255. CSS combines them to create the displayed color.
HSL can be easier to adjust
Hue describes the color angle, saturation its intensity, and lightness its position between black and white. HSL is useful for creating related shades.
HEX, RGB & HSL Converter FAQ
Can I enter a three-digit HEX color?＋
Yes. A value such as #3af expands to #33AAFF.
Does HEX capitalization matter?＋
No. Uppercase and lowercase hexadecimal digits represent the same color.
What range does RGB use?＋
Each red, green, and blue channel ranges from 0 through 255.
What is hue in HSL?＋
Hue is an angle around the color wheel, typically expressed from 0 through 359 degrees.
Why can converted HSL values be rounded?＋
HSL percentages are displayed as whole values for practical CSS use, so converting back may differ by a channel value in edge cases.
Does this converter include transparency?＋
No. It converts opaque HEX colors without an alpha channel.