Free HEX ⇄ RGB Color Converter

Convert color codes between HEX (e.g. #FF0000) and RGB (e.g. rgb(255, 0, 0)) instantly. Essential for web designers, front-end developers, and anyone working with CSS, design tools, or brand colors.

How HEX to RGB Conversion Works

A HEX color code is six hexadecimal digits representing red, green, and blue channels — two digits each. Each pair converts to a number from 0 to 255:

R = first two digits (e.g. FF = 255)
G = middle two digits (e.g. 00 = 0)
B = last two digits (e.g. 00 = 0)

Example: #FF0000 → rgb(255, 0, 0) (pure red).

Features

Two-way conversion: HEX → RGB and RGB → HEX in the same view.
Live color preview swatch updates as you type.
Supports 3-digit shorthand HEX (#F00) and 8-digit HEX with alpha (#FF000080).
Copy buttons for both formats — paste straight into your CSS.

Use Cases

Translating Figma or Sketch color values to CSS. Converting brand-guideline HEX codes to RGBA for transparent overlays. Debugging color mismatches between design and code. Teaching color theory.

Tips

For semi-transparent colors, use the 8-digit HEX with alpha or convert to rgba() with the alpha as a 0-1 decimal. Modern CSS also supports hsl() and oklch() — try our full color toolkit for advanced palette work.

HEX to RGB & RGB to HEX Converter