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.
Related tools
- RGB to HEXConvert RGB values to HEX color codes with sliders and alpha transparency support.
- Gradient GeneratorCreate CSS linear and radial gradients visually with presets and CSS export.
- Color PickerPick any color and instantly get HEX, RGB, HSL, and CSS variable values.
- Contrast CheckerCheck WCAG 2.1 AA and AAA color contrast ratios for accessibility compliance.
- Image CompressorCompress JPG, PNG, and WebP images while preserving visual quality — browser-side.
- Image ResizerResize images to exact pixel dimensions or by percentage with aspect ratio lock.