Hex, RGB & HSL Converter
Color
Preview
Hex
#6366F1
RGB
99, 102, 241
HSL
239, 84%, 67%
About the Hex, RGB & HSL Converter
Convert a color between HEX, RGB and HSL notation. Edit any one of them, or pick a color from the swatch, and the other two update with a live preview.
How to use it
- 1 Type a HEX code, an RGB triple or an HSL triple, or pick a color from the swatch.
- 2 Watch the other two notations and the preview update as you type.
- 3 Copy the value you need into your stylesheet or design tool.
Frequently asked questions
Split the six digits into three pairs and read each pair as a hexadecimal number from 0 to 255. For example, #22C55E is 34, 197, 94.
HEX as three or six digits, with or without #, RGB as three numbers from 0 to 255 separated by commas, and HSL as a hue from 0 to 360 degrees followed by saturation and lightness percentages, such as 142, 72%, 45%. RGB and HSL may be wrapped in rgb() or hsl().
RGB mixes red, green and blue light. HSL describes the same color as hue, saturation and lightness, which makes it easier to create lighter, darker or muted variations.
No. It converts opaque colors only, so alpha values such as 8-digit HEX or RGBA are not accepted.