Color & Design Tool
Back to All Tools

HEX to RGB & RGBA Color Converter

Fast, dedicated HEX to RGB and RGBA converter. Convert 3-digit, 6-digit, and 8-digit hexadecimal color codes to decimal Red, Green, Blue, and Alpha values.

Samples:

Hex Color Input

Alpha / Opacity1 (100%)
rgba(59, 130, 246, 1)

RGB Channel Breakdown

Red (R)
59
23.1%
Green (G)
130
51.0%
Blue (B)
246
96.5%
CSS rgb()
rgb(59, 130, 246)
CSS rgba()
rgba(59, 130, 246, 1)
CSS Modern Syntax
rgb(59 130 246 / 1)
JavaScript Object
{ r: 59, g: 130, b: 246, a: 1 }
Array Format
[59, 130, 246, 1]

How to Use the HEX to RGB & RGBA Color Converter

  1. 1Enter a hexadecimal color code (e.g. #3B82F6, #FFF, or 10B981).
  2. 2Adjust the alpha / opacity slider if you need an RGBA value with transparency.
  3. 3Copy the CSS rgb() or rgba() string with one click.

Key Features & Capabilities

  • Supports 3-digit shorthand (#FFF), 6-digit standard (#FFFFFF), and 8-digit alpha (#FFFFFFFF)
  • Individual R, G, B channel breakdown with percentage sliders
  • Outputs standard CSS rgb(r, g, b) and modern space-syntax rgb(r g b / a)
  • Color swatch preview with dark and light backdrop checkerboard

Frequently Asked Questions

How does 3-digit HEX shorthand expand to 6-digit?

Each single hex digit is doubled. For example, #F09 expands to #FF0099, representing R=255, G=0, B=153.

How are HEX digits converted to decimal RGB?

Every two hexadecimal characters represent a base-16 number from 00 (0 in decimal) to FF (255 in decimal). For example, 3B in hex is (3 * 16) + 11 = 59 in decimal.

More Popular Tools

DPI / PPI CalculatorImage Resize & Dimension CalculatorUniversal Color Converter (HEX, RGB, HSL, HSV, CMYK)RGB to HSL & HSV Color Converter