HEX to RGB Converter

What is the HEX to RGB Converter?

Convert HEX color codes to RGB and HSL values. HEX and RGB describe the same colors in different notations, and many apps and code libraries accept only one of them.

How to use the HEX to RGB Converter

1. Enter your hex color.
2. Results update automatically as you type; you can also press Calculate.
3. Read the output: rgb, hsl, css rgb (0–1).
4. Use the 📊 chart to see the result visually, then copy or share it.

Formula and method

Worked example

With hex color = #2f55d4, the HEX to RGB Converter returns rgb: rgb(47, 85, 212); hsl: hsl(226, 66%, 51%); css rgb (0–1): 0.1843, 0.3333, 0.8314.

Where the HEX to RGB Converter helps in real life

You copied #1E88E5 from a website and your design app asks for RGB values. Converting gives the exact red, green and blue numbers.

You are writing code that needs an RGBA value with transparency. Converting from HEX gives the base values to add an alpha channel.

Common mistakes to avoid

• Leaving out the # or adding extra characters.
• Using letters beyond F, which are not valid hex.
• Confusing three-digit and six-digit HEX codes.
• Forgetting that HEX codes may include transparency digits.

💡 Practical tip: Three-digit HEX like #0AF is shorthand for #00AAFF, so expand it before converting by hand.

Tips for better results

• Check the HEX code has three, six or eight hex digits.
• Store both HEX and RGB values for brand colors.
• Use HSL when you plan to adjust lightness.

Related tools