How do I convert HEX to RGB?

Paste your HEX code into the converter. The RGB value (and HSL, OKLCH, LAB and others) appears instantly. Click the copy icon next to the format you need.

Does the converter support alpha (transparency)?

Yes. Use HEX8 (eight-digit hex), RGBA, or HSLA. The alpha channel propagates across every format that supports it.

What is the difference between OKLCH and LCH?

Both are perceptually uniform color spaces, but OKLCH (introduced 2020) has better hue uniformity and gradient interpolation. Modern CSS supports OKLCH natively.

Is HSL the same as HSV?

No. HSL uses Lightness (50% is pure hue, 100% is white). HSV uses Value (100% is pure hue, 0% is black). HSL is more common in CSS; HSV is more common in color pickers.

Converter

One color, every format.

Type any color in any notation. ColorUI parses it and shows the equivalent in every other model - including the modern OKLCH and perceptual LAB.

Input

HEX

#7C5CFF

RGB

rgb(124, 92, 255)

HSL

hsl(251.8, 100%, 68%)

HSV

hsv(251.8, 63.9%, 100%)

LCH

lch(49.76% 90.15 299.61)

OKLCH

oklch(59.9% 0.2299 286.2)

LAB

lab(49.76% 44.54 -78.38)

Alpha formats

alpha 100%

HEX 8

#7C5CFF

RGBA

rgba(124, 92, 255, 1)

HSLA

hsla(251.8, 100.0%, 68.0%, 1)

CSS snippet

/* Modern, accessible color tokens */
:root {
  --brand: #7c5cff;         /* HEX  */
  --brand-rgb: rgb(124, 92, 255);
  --brand-hsl: hsl(251.8, 100%, 68%);
  --brand-oklch: oklch(59.9% 0.2299 286.2);
}

Medium Slate Blue

#7C5CFF

Luminance

0.1916

Closest CSS named

Medium Slate Blue

Contrast ?Wheel ?Picker ?