HEX to RGB Converter

1. Enter a 3- or 6-digit HEX color, with or without the leading #, or choose a color with the picker.
2. Adjust hue from 0 to 360 degrees, or saturation and lightness from 0% to 100%.
3. Review the live preview and synchronized HEX and RGB values.
4. Use the copy button beside the HEX or RGB output you need.
5. Select Reset to return to the default color.

HEX to RGB Converter

HEX and RGB are two ways to represent the same color. HEX encodes red, green, and blue channels as hexadecimal pairs; RGB expresses those channels as numbers. This converter turns a HEX color into RGB and includes HSL controls for editing the color. The preview and HEX and RGB outputs stay synchronized as you make changes.

What is HEX?

A standard six-digit HEX color follows the format #RRGGBB, with one pair of hexadecimal digits for each red, green, and blue channel. For example, #4F46E5 represents approximately 79 red, 70 green, and 229 blue. HEX is common in HTML and CSS because it provides a compact way to specify colors. The leading # is optional in this converter.

What is RGB?

RGB stands for Red, Green, and Blue. It represents a color with three numeric channels, each normally ranging from 0 to 255. For example, rgb(79, 70, 229) contains 79 red, 70 green, and 229 blue. RGB values make each channel explicit and are useful in digital interfaces, CSS, and graphics.

HEX to RGB example

Enter #4F46E5 to get approximately rgb(79, 70, 229). The same color can also be represented as hsl(248, 76%, 59%). These are different representations of the same color. RGB channels are displayed as whole numbers and rounded when needed.

Edit a color with HSL controls

The editor uses hue, saturation, and lightness controls to make color adjustments. Change hue from 0 to 360 degrees or saturation and lightness from 0% to 100%. The selected color, live preview, and HEX and RGB values update automatically. For example, increase lightness to create a lighter variation, then copy the resulting RGB or HEX value into CSS or a design tool.

HEX and RGB compared

HEX represents red, green, and blue in hexadecimal notation, as in #4F46E5. RGB represents the same channels numerically, as in rgb(79, 70, 229). HEX is convenient for storing and copying colors in stylesheets; RGB is useful when working directly with individual channel values.

Supported HEX formats and validation

The converter accepts 3- and 6-digit HEX values, with or without #. It does not provide a separate conversion for 8-digit HEX or transparency. Hue must be within 0–360 degrees; saturation and lightness must each be within 0–100%. Invalid HEX or out-of-range HSL values display an error until corrected. RGB channels are shown as rounded whole numbers.

When to use a HEX to RGB converter

Convert an existing HEX color for use in CSS, inspect RGB channels while building an interface, adjust a color and get its updated RGB value, debug color values across a project, or share one color in HEX and RGB formats. The HSL controls let you make a variation and immediately retrieve its synchronized output.

Enter a 3- or 6-digit HEX color to see its corresponding RGB value with a live color preview.

Adjust hue, saturation, and lightness to modify the selected color while the HEX and RGB outputs update automatically.

Enter a HEX color with or without #, or choose a color using the built-in color picker.

Copy the HEX or RGB output and reset the editor to its default color whenever needed.