Skip to content
TabShed

HEX to RGB Color Conversion: Complete Guide

Updated 2 min readBy the TabShed team

Convert HEX color codes to RGB values and vice versa. Includes formula, examples, and a free online converter.

Color PickerHEX, RGB, RGBA and ARGB from any image
Open Color Picker
On this page
  1. What Is HEX Color?
  2. How to Convert HEX to RGB
  3. How to Convert RGB to HEX
  4. Shorthand HEX

What Is HEX Color?

HEX color notation uses hexadecimal (base-16) numbers to express RGB values. Each pair of characters represents one channel (R, G, B) from 00 (0) to FF (255). Example: #FF5733 = R:255, G:87, B:51.

How to Convert HEX to RGB

  1. Split the HEX code into three pairs: FF, 57, 33
  2. Convert each pair from base-16 to base-10:
    • FF = 15×16 + 15 = 255
    • 57 = 5×16 + 7 = 87
    • 33 = 3×16 + 3 = 51
  3. Result: rgb(255, 87, 51)

How to Convert RGB to HEX

  1. Convert each channel value from decimal to hex:
    • 255 → FF
    • 87 → 57
    • 51 → 33
  2. Concatenate with # prefix: #FF5733

Shorthand HEX

When each pair is the same digit (e.g., #FFAABB), you can write a 3-digit shorthand: #FAB. Browsers expand this to #FFAABB. Only works when each channel pair is a doubled digit.

Skip the math — use the Color Picker for instant conversion.

Related guides

Color · 2 min readWhat Is ARGB Color Format? Complete Guide for DevelopersUnderstand the ARGB color format — how it works, how it differs from RGB and RGBA, and when to use it.Color · 2 min readRGB vs RGBA vs ARGB: Differences Explained SimplyClear comparison of RGB, RGBA, and ARGB color formats. When to use each and how to convert between them.Color · 2 min readHow to Use an Online Color Picker Tool — Complete GuideMaster online color picker tools to find perfect colors for web design, app development, and digital art.