IT Market
Tools/Design/Colors/HEX to RGB Converter Online — Free
HEX → RGB

Tool guide

HEX to RGB Converter Online — Free

A brand palette arrives as HEX codes, but your canvas drawing call, Android resource or Python script wants three numbers from 0 to 255. Paste a value such as #00FF7F into the HEX Color field, press CONVERT, and the page splits it into Red, Green and Blue and builds an rgb() string you can drop straight into CSS. The maths runs inside your own browser tab, so the palette never leaves the device. See also: the reverse RGB to HEX converter, the same colour with an alpha channel, an interactive HEX and RGB palette.

How to use it

  1. Paste a hexadecimal code into the HEX Color field; it starts with the sample value #00FF7F.
  2. The leading hash is optional — a bare string like 00FF7F parses the same way.
  3. Press the CONVERT button to calculate the channel values.
  4. Read the Red, Green and Blue boxes: each holds a decimal number from 0 to 255.
  5. Copy the finished string from RGB Output into a CSS color or background declaration.

FAQ

Does the converter accept the three-character shorthand such as #FA0?

Expand it yourself first. Each character doubles, so #FA0 means #FFAA00 and #ABC means #AABBCC. Type the full six-digit code and the channels come out exactly right. The shorthand shows up in older stylesheets, but it always describes the same color as its expanded form.

The channel boxes came out empty after I pressed CONVERT. Why?

Almost always a stray character: a trailing space, a Cyrillic letter that looks Latin, or a label copied along with the value. Leave only six characters from 0-9 and A-F in the field, optionally with a leading hash, then convert again.

Why convert HEX to RGB when browsers understand both?

Plenty of places refuse HEX: Canvas drawing calls, Python and OpenCV, After Effects, LED strip and smart bulb configuration screens, and many plugin APIs. Channel numbers are also what you need to compute relative luminance and pick an accessible text color on top.

Does the color shift or lose precision during conversion?

No. Hexadecimal is the same three bytes written in a different base, so the mapping is one to one and fully reversible. #1A2B4C and rgb(26, 43, 76) light up an identical pixel. Loss only appears when you move into CMYK, where some screen colors cannot be printed.

Where does the code I paste actually go?

Nowhere. A small script on the page does the arithmetic and no request is sent when you press CONVERT, so an unreleased brand palette stays in your tab. The page works on phone browsers too, though pasting from a chat app can bring hidden spaces along with the code.

How do I go the other way, from RGB back to HEX?

A separate page in the catalogue takes R, G and B fields and assembles the hexadecimal code. The pair is handy when half of a layout is specified in HEX while the rest arrived as three numbers from a screenshot or an eyedropper, and you want one consistent notation.

Examples

Brand green from a style guide
Before: #00FF7F
After: Red 0, Green 255, Blue 127 -> rgb(0, 255, 127)
Dark navy site header
Before: #1A2B4C
After: Red 26, Green 43, Blue 76 -> rgb(26, 43, 76)