RGB-HEX

Convert RGB and HEX Colors to different formats

RGB to HEX Converter

Welcome to our RGB to HEX converter tool! This handy tool allows you to easily convert RGB color values to their corresponding hexadecimal (HEX) values. Whether you’re a designer, developer, or just someone looking to understand color codes better, this converter is here to help.

How to Manually Calculate RGB to HEX Conversion?

Before we step into the manual RGB to HEX calculation, take a quick look at the standard Decimal equivalent to hexadecimal.

DecimalHexadecimal
00
11
22
33
44
55
66
77
88
99
10               A
11B
12C
13D
14E
15F

Here’s a manual calculation to convert RGB to HEX code:

  • Divide the RGB of a single color, like the R value by 16 (to get the first digit).
  • Take the remainder and multiply by 16 to get the second digit.
  • So the first pair of hex codes will be the combination of these two.

For Example:

Let’s say, we have an RGB value as R = 150, G = 75, B = 200

For Red Component (R=150):

  • 150 / 16 = 9.375
  • The first digit is 9, which is equal to 9 in hexadecimal.
  • 0.375 * 16 = 6
  • The second digit is 6, which is equal to 6 in hexadecimal.

So, the first pair of hex codes for the red component is 96.

Continuing Example:

The same goes for the next values of G and B. Follow the method below

For Green Component (G=75):

  • Divide 75 by 16.
  • 75 / 16 = 4.6875
  • The first digit is 4, which is equal to 4 in hexadecimal.
  • Multiply the remainder by 16.
  • 0.6875 * 16 = 11
  • The second digit is 11, which is equal to B in hexadecimal.

So, the pair of hex codes for the green component is 4B.

For Blue Component (B=200):

  • Divide 200 by 16.
  • 200 / 16 = 12.5
  • The first digit is 12, which is equal to C in hexadecimal.
  • Multiply the remainder by 16.
  • 0.5 * 16 = 8
  • The second digit is 8, which is equal to 8 in hexadecimal.

So, the pair of hex codes for the blue component is C8.

Combining:

Once you have the hexadecimal values for each component, combine them together with a “#” symbol in front to form the HEX color code.

Continuing Example:

So, the HEX color code for this RGB color would be #964BC8.

Other Examples

Let’s say you have an RGB color with values R=255, G=128, B=0. The conversion process would be:

  • Red component: 255 in decimal is FF in hexadecimal.
  • Green component: 128 in decimal is 80 in hexadecimal.
  • Blue component: 0 in decimal is 00 in hexadecimal.

Therefore, the HEX color code for this RGB color would be #FF8000.

It’s a bright shade of orange, which is a vibrant mixture of red and yellow in moderate brightness. It’s reminiscent of ripe oranges or autumn leaves, conveying warmth, energy, and vitality.

In another example, the RGB color values are R=34, G=187, B=68. The conversion process would be:

  • Red component: 34 in decimal is 22 in hexadecimal.
  • Green component: 187 in decimal is BB in hexadecimal.
  • Blue component: 68 in decimal is 44 in hexadecimal.

Therefore, the HEX color code for this RGB color would be #22BB44.

This color is a shade of green with moderate saturation and brightness. It leans towards a brighter, more vibrant green, commonly associated with grass or foliage.

Similarly, if you have RGB color values as R=102, G=204, B=255, the conversion process would be:

  • Red component: 102 in decimal is 66 in hexadecimal.
  • Green component: 204 in decimal is CC in hexadecimal.
  • Blue component: 255 in decimal is FF in hexadecimal.

Therefore, the HEX color code for this RGB color would be #66CCFF

This color is a light shade of cyan or sky blue. It’s a bright, pastel-like color with high saturation and brightness, reminiscent of clear skies or tropical waters.