RGBA to Hex Converter Formula

Understand the math behind the rgba to hex converter. Each variable explained with a worked example.

Use the RGBA to Hex Converter

Formulas Used

RGB Combined Value

hex_combined = red * 65536 + green * 256 + blue

Opacity (0-1)

opacity = alpha / 100

Red Component (%)

css_value = red / 255 * 100

Variables

VariableDescriptionDefault
redRed (R)59
greenGreen (G)130
blueBlue (B)246
alphaAlpha (Opacity 0-100)(%)100

How It Works

RGBA to Hex Color Conversion

RGBA uses decimal values 0-255 for each color channel. Hex uses two hexadecimal digits (00-FF) per channel.

Conversion

Each channel: divide by 16 to get the two hex digits.

  • R=59 -> 3B
  • G=130 -> 82
  • B=246 -> F6
  • Result: #3B82F6

    • The combined numeric value is calculated as R*65536 + G*256 + B.

    Note: To see the actual hex string, use your browser developer tools or a dedicated color picker. This calculator provides the numeric components.

    Worked Example

    Convert rgba(59, 130, 246, 1.0) to hex.

    red = 59green = 130blue = 246alpha = 100
    1. 01R=59 -> hex 3B
    2. 02G=130 -> hex 82
    3. 03B=246 -> hex F6
    4. 04Hex: #3B82F6
    5. 05Combined value = 59*65536 + 130*256 + 246 = 3,899,126

    Frequently Asked Questions

    What is the difference between RGB and RGBA?

    RGB has three channels: Red, Green, Blue (each 0-255). RGBA adds an Alpha (transparency) channel, where 0 is fully transparent and 1.0 (or 255) is fully opaque.

    How do hex colors work?

    Hex colors use base-16 notation. #3B82F6 means R=3B (59), G=82 (130), B=F6 (246). Six hex digits encode three color channels. Eight-digit hex includes alpha.

    Ready to run the numbers?

    Open RGBA to Hex Converter