Hex to RGB Converter

Convert three- or six-digit hex colour into a CSS rgb() value and separate red, green, and blue channels. Preview and copy the opaque colour.

Free to useNo sign-upRuns in your browser

Enter your details

Update the inputs to see your result.

Your result

Enter your details

Result will appear here

How Hex to RGB Converter works

Hex digit pairs are converted into the three decimal RGB channels.

A three-digit input is expanded by repeating each digit. Each pair of hex digits is converted into an integer channel from zero to 255, then combined into an rgb() value and colour preview.

Alpha-channel hex is not accepted in this tool. Converted values and a colour preview stay in your browser.

Conceptual hex colour notation split into red, green, and blue channels without changing the swatch. — The notation changes while the opaque RGB colour channels remain the same.

How to use Hex to RGB Converter

Use an opaque three or six digit hex color to obtain a CSS RGB value.

Enter an opaque hex colour

Enter three or six hexadecimal digits, with or without the leading hash. A short value expands by repeating each digit. Alpha-channel hex is not accepted, so use an opaque colour notation when preparing the input.

Enter an opaque hex colour

Hex to RGB Converter native input panel with the actual Hex colour settings used for this example. — Configure Hex colour; select Convert color.

Convert and inspect the RGB value

Select Convert color and read the generated rgb() expression beside the preview. The page converts each hex pair into its decimal red, green, or blue channel. The operation changes colour notation without changing those underlying channel values.

Convert color

Hex to RGB Converter actual result panel showing rgb(170, 187, 204). — Submitted result: rgb(170, 187, 204). Red: 170.

Check channels and copy the expression

Review Red, Green, Blue, and Normalized hex. Use Copy result or select the text directly, then insert it into the intended destination yourself. The page does not alter another website’s styles or convert between colour profiles.

Check channels and copy the expression

Hex to RGB Converter actual output and export region and result note after submitting the pictured settings. — Review the actual Hex to RGB Converter output and visible Copy result controls. Read the result note.

Convert hex colours to RGB for CSS and design fields

The hex and RGB outputs describe the same opaque channel values.

Expand a short hex value

The hypothetical short color #abc expands to #AABBCC and produces rgb(170, 187, 204). This shows how each short digit is duplicated. It is a format conversion and does not change the color into a different profile or color space.

Try these inputs

Color and image inputs represented by swatches and a pixel grid. — Start with the design input. Concept illustration.

Use a color in an RGB field

Convert a hex value when a destination expects separate decimal channels or a CSS rgb expression. Keep the channel order as red, green and blue. The tool does not discover what color profile or alpha behaviour that destination uses.

Compare a scenario

Design samples shown side by side for comparison. — Compare the visual result. Concept illustration.

Check a conversion in both directions

Copy the three displayed channels into RGB to Hex Converter and compare the normalized hex output. This checks notation consistency for supported opaque values. A different letter case in the hex string does not by itself describe a different color.

Use the tool

A visual asset prepared for use in a design workflow. — Prepare a design asset. Concept illustration.

Expand short hex colours into RGB channels

Read the decimal channels alongside the normalized opaque hex value.

Three digit input is expanded to six digits before channel conversion. The normalized hex line uses uppercase letters. The RGB expression provides decimal channel values in order, while the preview uses the corresponding hex value.

The page accepts no alpha hex and does not convert color profiles. The preview is a browser rendering of an opaque RGB color, not evidence of a measured display match or a complete accessibility assessment.

Check the output Try another input

Color or image detail reviewed alongside its original input. — Inspect the output. Concept illustration.

Check unsupported hex forms

Check supported hex length and the destination’s expected colour notation.

Four or eight digit alpha hex values are rejected. Check length and hexadecimal digits if the form reports an invalid color. Do not remove the alpha portion without considering whether transparency was part of the intended design.

The generated expression can be copied, but there is no palette file export or image sampling option here. For text and background readability, use Color Contrast Checker with both colors rather than treating one swatch as an accessibility result.

Check your inputs Return to the tool