HEX to RGB Converter

Convert HEX color codes to RGB and RGBA values instantly with a live preview — free online.

About

About the HEX to RGB Converter

Converts a HEX colour code into its RGB and RGBA values, with a live swatch and colour picker.

Developers use it to turn a HEX value from a design file into the RGB format a CSS property or graphics API needs, while designers use it to double-check a colour's RGB channels before adjusting it. It's grouped with Toolapt's other free designer tools: no account to create, no ceiling on how many times you reach for it.

Choose what to view about this tool

Guide

Using the HEX to RGB Converter

  1. 1

    Step 1

    Type a HEX colour code into the field, with or without the leading #, or use the colour picker.

  2. 2

    Step 2

    Read the RGB and RGBA values below the swatch — they update as you type.

  3. 3

    Step 3

    Copy the RGB value with the "Copy RGB" button.

  4. 4

    Step 4

    Click Clear to reset and start over.

  • Accepts a HEX code with or without the leading # symbol, so you don't need to reformat it first
  • Supports both 6-digit and 8-digit HEX codes, including an alpha (transparency) channel
  • Shows RGB and an opaque RGBA value side by side, not just one format
  • Includes a visual colour picker as an alternative to typing a code
  • Works entirely in your browser — no installs and no sign-up
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Developers

Developers use the HEX to RGB Converter for turning a HEX value from a design file into the RGB format a CSS property, canvas call or graphics API expects.

Designers

Designers use the HEX to RGB Converter for checking a colour's individual red, green and blue channel values before fine-tuning it.

Students

Students use the HEX to RGB Converter for learning how HEX and RGB colour notations relate to each other.

Anyone copying a colour code

Anyone copying a colour code uses the HEX to RGB Converter for turning a HEX code found on a website or in an image editor into RGB for a tool that needs it.

Examples

HEX to RGB Converter examples

3 worked examples

01

Brand blue

Type #3b82f6 to get rgb(59, 130, 246), shown alongside the opaque rgba(59, 130, 246, 1).

02

3-digit shorthand

Type the shorthand #0f0 and it expands to #00ff00 first, converting to rgb(0, 255, 0).

03

With an alpha channel

Type the 8-digit #3b82f680 and get rgba(59, 130, 246, 0.5) — the trailing 80 alpha byte (128 of 255) works out to 50% opacity, and the swatch shows it see-through.

Related tools

RGB to HEX Converter

Convert RGB (or RGBA) values to a HEX colour code.

Use it

CSS Gradient Generator

Build a linear or radial CSS gradient from colour stops and copy the code.

Use it

Random Colour Generator

Generate a random colour and copy it as HEX, RGB or HSL.

Use it

Colour Shades and Tints Generator

Generate a range of tints and shades from a base colour, with HEX codes ready to copy.

Use it

Box Shadow Generator

Design a CSS box-shadow with sliders for offset, blur, spread, colour and opacity, and copy the code.

Use it

Border Radius Generator

Set each corner's CSS border-radius with sliders, preview the shape and copy the shortest CSS.

Use it

FAQ

Frequently asked questions

Quick answers to common questions about the HEX to RGB Converter.

What does the HEX to RGB Converter do?

It converts a HEX colour code into its equivalent RGB value and an opaque RGBA value.

Is the HEX to RGB Converter free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my input safe when I use this tool?

Yes. The HEX code you enter is processed entirely on your own device — nothing is sent to a server.

Do I need to include the # symbol?

No. The converter accepts a HEX code with or without a leading #, so "3b82f6" and "#3b82f6" both work.

Does it support transparency?

Yes. An 8-digit HEX code (with an alpha channel) is recognized, and its RGB/RGBA output reflects that transparency.

What's the difference between the RGB and RGBA values shown?

RGB shows just the red, green and blue channels; RGBA additionally includes the alpha (opacity) value, shown as fully opaque unless the HEX code itself specifies transparency.

Can I use the HEX to RGB Converter on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Does the HEX to RGB Converter have any limitations?

It accepts standard 3, 4, 6 and 8-digit HEX codes; it doesn't parse named CSS colours or other colour formats like HSL — use the Colour Converter for those.

Still have a question? Contact us

Report a problem

HEX to RGB Converter

What went wrong?
    or paste a screenshot