How do I convert HEX to RGB?

Enter your HEX color code (e.g. #4F8EF7) in the input above. The converter instantly shows the equivalent RGB, HSL, HSV, and CMYK values.

What is the difference between RGB and HSL?

RGB defines colors using Red, Green, and Blue channels (0-255 each). HSL defines colors using Hue (0-360°), Saturation (0-100%), and Lightness (0-100%), which is more intuitive for humans.

Color Converter — HEX to RGB, HSL, HSV, CMYK

Color Converter

Enter any color format

Accepts: HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, CSS names

Try:

HEX

RGB / RGBA

HSL / HSLA

HSV

CMYK

Tints & Shades

Tints (lighter)

Shades (darker)

Click any swatch to use it as input

WCAG Contrast Checker

Contrast ratio against white and black backgrounds. AA requires ≥ 4.5:1 for normal text, AAA requires ≥ 7:1.

On White

On Black

Color format reference

Format	Example	Used in
HEX	`#4F8EF7`	CSS, HTML, design tools
RGB	`rgb(79, 142, 247)`	CSS, canvas, image processing
RGBA	`rgba(79, 142, 247, 0.8)`	CSS with transparency
HSL	`hsl(220, 91%, 64%)`	CSS, intuitive for humans
HSLA	`hsla(220, 91%, 64%, 0.8)`	CSS with transparency
HSV / HSB	`hsv(220, 68%, 97%)`	Photoshop, design apps
CMYK	`cmyk(68%, 43%, 0%, 3%)`	Print / physical media

Common CSS named colors

Click any color to convert it

← Epoch converter · Timezone converter · Date difference