RGB to Hex Converter

Convert whole-number RGB channels into an uppercase six-digit hex colour. Enter red, green, and blue values from 0–255, then preview and copy the result.

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 RGB to Hex Converter works

Three whole-number RGB channels become three two-digit hexadecimal pairs.

Each whole-number channel is converted into two hexadecimal digits with a leading zero when needed. The three pairs are joined after a hash in red, green, blue order and formatted with uppercase letters.

Only opaque 24-bit RGB colours are included. Alpha/transparency is not modelled.

Conceptual red, green, and blue channels combined into one hex colour notation. — Each RGB channel becomes one pair of digits in the six-digit hex value.

How to use RGB to Hex Converter

Enter three whole number channels in red, green and blue order.

Enter all three integer channels

Enter red, green, and blue as whole numbers from zero to 255. Keep the channel order clear when copying values from another source. The current form represents an opaque RGB colour without an opacity input.

Enter all three integer channels

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

Convert and inspect the hex colour

Select Convert color and read the uppercase six-digit hex output beside the matching preview. Each RGB channel becomes a two-digit hex pair, including a leading zero when needed. The three pairs are combined in red, green, blue order.

Convert color

RGB to Hex Converter actual result panel showing #FF0080. — Submitted result: #FF0080. CSS RGB: rgb(255, 0, 128).

Check the RGB basis and copy

Review the supporting CSS RGB expression, then use Copy result or select the generated hex text. Keep the leading hash where the destination expects CSS notation. The output does not include transparency or apply the colour to another website.

Check the RGB basis and copy

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

Convert RGB colours to hex for CSS and design tokens

The conversion changes notation while preserving supported opaque channel values.

Convert a decimal color value

A hypothetical RGB color with channels 170, 187 and 204 produces #AABBCC. Use the red, green and blue fields in that order. The example provides a clear check on the conversion without claiming a particular display or profile match.

Try these inputs

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

Use a value in a stylesheet

Copy the hex result when a CSS rule or design token expects that notation. Place it in the intended property yourself. This page does not edit the target style or decide whether the color provides enough contrast against surrounding content.

Compare a scenario

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

Check the result in reverse

Enter the generated hex into Hex to RGB Converter and compare all three channels with the originals. This verifies notation consistency for the accepted opaque values. The reverse check does not add an alpha channel or convert the color into another space.

Use the tool

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

RGB channels and six-digit hexadecimal colour codes

Read the paired channel order and uppercase opaque-colour output.

The output uses two hexadecimal digits for each channel and uppercase letters. It is a six digit opaque RGB color with a leading hash. The CSS RGB line and preview describe the same channel values.

The form does not include alpha, transparency or a color profile choice. Its swatch is a browser preview of the value. It does not evaluate a whole design or measure how a physical display reproduces that color.

Check the output Try another input

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

Check channel values and unsupported formats

Check integer channel bounds and the destination’s expected notation.

Each channel must be an integer within the accepted range. Fractional channels or numbers outside zero to two hundred fifty five are rejected. Check a copied RGB value for swapped channels or an extra alpha component before entering it.

An rgba value needs its transparency preserved separately in a suitable format. This converter returns opaque hex only. Use Color Contrast Checker for a foreground and background pair, keeping that accessibility calculation separate from simple notation conversion.

Check your inputs Return to the tool