Boneyard Tools

HEX to RGB Converter

Paste a HEX color to get its RGB value instantly. Works with 6-digit codes and 3-digit shorthand, with or without the # sign. Everything runs in your browser.

How to convert HEX to RGB

  1. Type or paste your HEX color, such as #ff0000, or pick one with the color swatch.
  2. Read the rgb() value as it updates live.
  3. Copy the RGB string and paste it into your CSS or design tool.

Examples

Pure red

#ff0000
rgb(255, 0, 0)

Tailwind blue-500

#3b82f6
rgb(59, 130, 246)

Frequently asked questions

What is a HEX color code?

A HEX code is a six-digit hexadecimal number like #3b82f6. The pairs encode red, green and blue from 00 to ff, which is 0 to 255 in decimal.

What is an RGB color?

RGB describes a color by its red, green and blue channels, each from 0 to 255. In CSS it is written as rgb(59, 130, 246).

Does it support 3-digit shorthand like #f00?

Yes. Shorthand HEX such as #f00 is expanded by doubling each digit, so #f00 becomes #ff0000 and converts to rgb(255, 0, 0).

Where do I use the RGB value?

Mostly in CSS, where rgb() is a standard color format, and in design tools like Figma that accept RGB channel values.

What about alpha or transparency?

This tool converts opaque colors only. For transparency, add an alpha channel yourself using rgba(), for example rgba(255, 0, 0, 0.5).

Is my color data uploaded anywhere?

No. The conversion runs entirely in your browser, so the colors you enter never leave your device.

Related tools