Tools
HEX to RGB Converter
Enter a HEX color code or use the color picker to instantly get RGB, RGBA, and HSL values. See individual channel breakdown and copy any format.
FreeHEX → RGB/HSLColor Preview
Enter HEX Color
#3B82F6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
Channel Values
R
59
G
130
B
246
When to use each color format
- HEX: Most common in CSS, design tools, and brand style guides.
- RGB: Useful in CSS when you need to compose colors with variables.
- RGBA: When you need transparency in CSS.
- HSL: Most intuitive for humans — easy to understand lightness and saturation.