Convert HEX To RGB

Report an Issue

Help us improve by telling us what went wrong.

Embed this Tool

Customize and copy the embed code for your website.

Convert HEX to RGB - Bridge the Gap Between Design and Code

Designers think in hex codes. Browsers render in RGB values. And somewhere in between, developers need to translate. This tool lets you convert HEX to RGB instantly - paste a hex colour code like #7c3aed and get the exact RGB values (124, 58, 237) ready for use in CSS, JavaScript, image editing software, or any context that requires the red-green-blue breakdown.

Why HEX and RGB Coexist

Both HEX and RGB represent colours in the same way - as combinations of red, green, and blue light at varying intensities. The difference is purely notational. HEX uses a base-16 string (#RRGGBB) that's compact and easy to type in CSS. RGB uses decimal values from 0 to 255 for each channel, which is more intuitive when you need to understand or manipulate the actual colour component values. When you convert HEX to RGB, you're simply changing the number base from hexadecimal to decimal for each of the three colour channels.

The reason both formats persist is that they excel in different contexts. HEX is the lingua franca of web design - brand guidelines, design tools like Figma and Sketch, and CSS colour declarations all commonly use hex. RGB is preferred in programming contexts, CSS rgba() functions (where you need an alpha channel), image processing libraries, LED programming, and colour science applications.

Common Scenarios Requiring HEX to RGB Conversion

Adding transparency is the single most common trigger. CSS hex codes don't traditionally support alpha transparency (though 8-digit hex codes exist, they're less widely used). To add transparency to a hex colour, you need to convert HEX to RGB first, then use the rgba() function: rgba(124, 58, 237, 0.5) for 50% opacity.

JavaScript colour manipulation almost always works with individual RGB values. If you're building a colour picker, generating gradients programmatically, or calculating colour contrast ratios for accessibility compliance (WCAG guidelines), you need the numeric RGB values to perform arithmetic on them. Starting from a hex code means conversion is the necessary first step.

Embedded systems and LED programming specify colours as individual RGB channel values. Whether you're programming NeoPixels, Philips Hue lights, DMX stage lighting, or any other RGB LED system, you need integer values for each channel - not hex strings.

Image processing in languages like Python (PIL/Pillow), Java (BufferedImage), or C++ (OpenCV) works with RGB tuples or arrays. When a designer hands you a hex colour code and you need to apply it programmatically, conversion to RGB is step one.

Data visualisation libraries like D3.js, Chart.js, and Matplotlib accept both hex and RGB, but certain operations - like interpolating between colours for gradient scales - require the individual channel values that come from the RGB representation.

Understanding the Conversion

The maths behind HEX to RGB conversion is straightforward. A hex colour like #7c3aed is really three two-character hex values: 7c, 3a, and ed. Convert each pair from hexadecimal to decimal: 7c = 124 (red), 3a = 58 (green), ed = 237 (blue). That's your RGB triplet: (124, 58, 237).

The tool also handles shorthand hex codes - three-character codes like #f0a, which expand to #ff00aa by doubling each character. And it accepts codes with or without the leading hash symbol, because some systems include it and others don't.

Instant, Private, and Always Available

This HEX to RGB converter runs entirely in your browser. There's no server processing, no colour data transmitted anywhere, and no usage limits. Whether you're converting a single colour for a quick CSS fix or batch-processing a brand colour palette, the conversion is instantaneous. For anyone who works at the intersection of design and code, this is one of those small tools that saves minutes of manual calculation every single week.