Hex to RGB Converter

Convert colors between hex codes (like #FF5733) and RGB values. Also shows HSL values for complete color information. Essential for web designers and developers.

Color Input
Enter a hex code or RGB values

With or without #, 3 or 6 characters

Color Result

Enter a color to see conversions.

How It Works

Hex uses 6 hexadecimal digits (0-9, A-F) to represent RGB. #FF5733 means R=255 (FF), G=87 (57), B=51 (33). RGB uses decimal values 0-255 for each color channel. HSL represents hue (0-360°), saturation (0-100%), and lightness (0-100%).

Frequently Asked Questions

When should I use hex vs RGB?

Hex is more compact and commonly used in CSS. RGB is better when you need to manipulate individual color channels programmatically, or when using rgba() for transparency. HSL is intuitive for creating color variations (just adjust lightness).

What's the difference between #FFF and #FFFFFF?

They're identical. 3-character hex (#FFF) is shorthand—each digit is doubled. #FFF = #FFFFFF, #F00 = #FF0000, #ABC = #AABBCC. Both are valid CSS, but 6-character is more explicit.

How do I add transparency?

Use rgba() like rgba(255, 87, 51, 0.5) where the last value is alpha (0-1). Or use 8-character hex like #FF573380 (last 2 digits = alpha). HSL has hsla() for the same purpose.

Related Calculators