By using this site, you accept our use of cookies for personalized content and ads. Learn more

HEX to RGB converter

#

Looking for other color converters?

How to convert HEX to RGB

Converting colors from HEX to RGB is as simple as converting their numeral values from hexadecimal to decimal numbers system. In order to convert hex color #32A852, we split the code into pairs of two 32 A8 52 and convert each of the pair to a decimal value:

                32 = 50
                A8 = 168
                52 = 82
            
                #32A852 = RGB(50, 168, 82)
            

What is Hexadecimal

Hexadecimal describes a base-16 number system - a numeral system made up of 16 symbols. It uses numbers from 0 to 9 to represent numbers from 0 to 9, and letters A to F to represent the numbers from 10 to 15.

It is most often used in computer science and mathematics as a means to represent binary code in a human-readable form.

Unlike computers or scientists, most of us use the decimal numeral system. It consists of numbers from 0 to 9 and it is the standard way to use numbers. We start learning it in the preschool and we use it every day:

                a car drives at 10 mph
                a cat weights 4kg
                a month is made of 30 days
            

What is RGB

RGB stands for Red, Green, and Blue hues of light that can be mixed to create different colors. It is the standard method of producing images for TV screens, computer monitors, and smartphone displays.

To be more precise, RGB is an additive color model, meaning you must add hues together to create a different color.

Imagine stacking colors one on top of the other:

RGB colors

Note: different devices produce different RGB values. Each device uses different color mixing theory, meaning RGB colors are not the same across all the devices, and they need color management to look the same.

To describe a color in the RGB color model, you have to tell how much red, green, and blue is needed.

You indicate how much of red, green and blue is needed by using a RGB triplet (R, G, B) where each of the elements can vary from zero to a defined maximum value.

If all of the elements are at zero (0, 0, 0) - the result is black color.

If all of the elements are at a maximum (255, 255, 255) - the result is white color.

Combinations of these numbers make up different colors (255, 255, 0) - the result is yellow color

This is known as color depth and is measured in bits.

As of 2018, almost every TV, computer and smartphone display uses 24-bit color depth know as true color. It supports eight bits for each of the three colors, or 24 bits total.

This provides 28 or 256 possible values for red, green and blue:

                256 x 256 x 256 =  16,777,216 total possible colors in the true color palette
            

Now that we know the difference between hexadecimal and decimal let’s examine how we can convert from one to another.

As we already know, in the hexadecimal number system, numbers from 0 to 9 represent 0 to 9, and letters A to F represent 10 to 15 in the decimal system.

Hexadecimal to decimal conversion table

Here is an in-depth table that is good at explaining conversion from hexadecimal to decimal numbers:

How to convert HEX to RGB

In order to convert HEX to RGB, you have to split the hexadecimal value into pairs of two and convert it to a decimal number.

Example #1: convert color red #FF0000 to RGB:

                FF = 255
                00 = 0
                00 = 0
                RGB = (255, 0, 0)
            

Example #2: convert color green #00FF00 to RGB:

                00 = 0
                FF = 255
                00 = 0
                RGB = (0, 255, 0)
            

Example #3: convert color blue #0000FF to RGB:

                00 = 0
                00 = 0
                FF = 255
                RGB = (0, 0, 255)
            

Example #4: convert color black #000000 to RGB:

                00 = 0
                00 = 0
                00 = 0
                RGB = (0, 0, 0)
            

Example #5: convert color white #FFFFFF to RGB:

                FF = 255
                FF = 255
                FF = 255
                RGB = (255, 255, 255)
            

Bonus example #6: convert color gold #FFD700 to RGB:

                FF = 255
                D7 = 215
                00 = 0
                RGB = (255, 215, 0)
            

How to convert RGB to HEX

In order to convert RGB to HEX, you have to convert red green and blue color values from decimal to hexadecimal.

Example #1: convert color red (255, 0, 0) to HEX:

                R = 255 = FF
                G = 0 = 00
                B = 0 = 00
                HEX = #FF0000
            

Example #2: convert color green (0, 255, 0) to HEX:

                R = 0 = 00
                G = 255 = FF
                B = 0 = 00
                HEX = #00FF00
            

Example #3: convert color blue (0, 0, 255) to HEX:

                R = 0 = 00
                G = 0 = 00
                B = 255 = FF
                HEX = #0000FF
            

Example #4: convert color black (0, 0, 0) to HEX:

                R = 0 = 00
                G = 0 = 00
                B = 0 = 00
                HEX = #000000
            

Example #5: convert color white (255, 255, 255) to HEX:

                R = 255 = FF
                G = 255 = FF
                B = 255 = FF
                HEX = #FFFFFF
            

Bonus example #6: convert color gold (255, 215, 0) to HEX:

                R = 255 = FF
                G = 215 = D7
                B = 0 = 00
                HEX = #FFD700
            

Difference between Hex and RGB

As we can see from the examples above, the main difference between Hex and RGB is that it uses different numeral systems. HEX uses hexadecimal, and RGB uses decimal.

Converting colors from HEX to RGB is as simple as converting their numeral values from hexadecimal to decimal numbers system.

HEX vs RGB - which one is better

From our experience and from what our team has observed over the years, hexadecimal is used more often that RGB especially in web development and web design industries.

However, it makes no difference which one you use as they both represent the same color. The only suggestion - stay consistent.

If you begin using RGB throughout our web project - stick to it. If you begin using HEX throughout our web project, try to use only HEX

Need a logo?

Make a beautiful logo for your brand in minutes. No designers required.