#rgb, #rrggbb, #rrggbbaa, rgb()/rgba() (0–255 or %), and hsl()/hsla() — including modern space syntax and hue units (deg/rad/grad/turn). Named CSS colors (tomato) are not resolved.

It uses the usual sRGB conversion and rounds channels to 8-bit, so a round-trip can move by one.

Pair two hex values on the color contrast checker (WCAG 2.2).

Runs in your browser · Last updated 7 September 2026

Free Hex RGB Converter

Free hex to RGB converter. #rgb / #rrggbb / rgb() / hsl() both ways, plus alpha. Browser tool — nothing is uploaded.

Hex, rgb(), or hsl()

Hex

#1a2b3c

RGB

rgb(26, 43, 60)

HSL

hsl(210, 40%, 17%)

Hex + alpha

#1a2b3cff

rgba()

rgba(26, 43, 60, 1.000)

hsla()

hsla(210, 40%, 17%, 1.000)

How to use this tool

Paste a hex, rgb(), or hsl() color.
Copy hex, rgb, or hsl. The swatch uses the parsed alpha.

Worked example

#1a2b3c is rgb(26, 43, 60). #abc expands to #aabbcc. hsl(0, 100%, 50%) is #ff0000. Eight-digit hex #11223380 carries ~50% alpha. Feed two hex values into the CSS gradient generator.

Frequently asked questions

Which formats?: #rgb, #rrggbb, #rrggbbaa, rgb()/rgba() (0–255 or %), and hsl()/hsla() — including modern space syntax and hue units (deg/rad/grad/turn). Named CSS colors (tomato) are not resolved.
Is HSL exact?: It uses the usual sRGB conversion and rounds channels to 8-bit, so a round-trip can move by one.
Contrast?: Pair two hex values on the color contrast checker (WCAG 2.2).
Uploaded?: No.