ImageColorPicker.com

HEX to RGB converter

Convert any HEX color to RGB, instantly and for free

#FF5733

Paste any color value. We detect the format for you.

RGB result
Red
255
Green
87
Blue
51

This color in every format

CMYK profile: Coated FOGRA39 (Photoshop's default for Europe)

A HEX code packs three 8-bit numbers into six hexadecimal digits. Converting HEX to RGB means splitting those digits into pairs and reading each pair as a decimal number between 0 and 255, exactly the values CSS, Figma and image editors expect.

How HEX to RGB conversion works

  1. Drop the leading # and, if the code has only three digits, double each one: #f53 becomes #ff5533.
  2. Split the six digits into three pairs: RR, GG and BB.
  3. Read each pair as a base-16 number and convert it to base 10: FF becomes 255, 57 becomes 87, 33 becomes 51.
  4. Write the three results as rgb(R, G, B).

Worked example

HEX #FF5733=RGB rgb(255, 87, 51)

This conversion is exact. HEX and RGB describe the same sRGB values in a different notation, so nothing is rounded or lost in either direction.

HEX and RGB explained

What is HEX?

A HEX code is a six-digit hexadecimal number that stores the red, green and blue channel of a color behind a leading #. Each pair of digits covers one channel, from 00 (none) to FF (full), which gives the same 16.7 million colors as RGB in a much shorter notation. HEX is the default in CSS, design tools and brand guidelines.

Syntax:
#RRGGBB
Range:
00–FF per channel
Best for:
CSS, design handoff, brand guidelines

What is RGB?

RGB describes a color as three channels of light (red, green and blue), each from 0 to 255. It mirrors how screens actually work: all three at 255 give white, all at 0 give black. RGB is the right choice whenever you need to calculate with a color, and rgba() adds transparency on top.

Syntax:
rgb(R, G, B)
Range:
0–255 per channel
Best for:
code, canvas, transparency with rgba()

HEX to RGB reference table

The most common CSS colors, converted from HEX to RGB.

ColorHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

More color converters

Frequently asked questions

Drop the leading # and, if the code has only three digits, double each one: #f53 becomes #ff5533. Split the six digits into three pairs: RR, GG and BB. Read each pair as a base-16 number and convert it to base 10: FF becomes 255, 57 becomes 87, 33 becomes 51. Write the three results as rgb(R, G, B).

This conversion is exact. HEX and RGB describe the same sRGB values in a different notation, so nothing is rounded or lost in either direction.

RGB describes a color as three channels of light (red, green and blue), each from 0 to 255. It mirrors how screens actually work: all three at 255 give white, all at 0 give black. RGB is the right choice whenever you need to calculate with a color, and rgba() adds transparency on top.

Yes. The swap button next to the input takes you to the RGB to HEX converter, which works exactly the same way. Both directions use the same formula, just applied in reverse.

Use RGB when you need to work with the numbers: animating a single channel, mixing colors in code, or adding transparency with rgba(). HEX stays the shorter, more readable choice for static CSS.