What is the RGB equivalent of a hex code?

Each hex colour is three pairs of hexadecimal digits representing red, green, and blue from 00 to FF (0–255 in decimal). For example #7C3AED becomes rgb(124, 58, 237). The converter above does this instantly and also gives HSL and CMYK.

Does this tool support 3-digit shorthand hex codes?

Yes. Shorthand codes like #F53 are automatically expanded to their full six-digit form (#FF5533) before conversion, so both formats work.

What is the difference between HEX, RGB, and HSL?

They describe the same colour in different ways. HEX and RGB both define red, green, and blue amounts; HSL uses hue, saturation, and lightness, which many designers find more intuitive for adjusting a colour. This tool shows all three at once.

HEX to RGB Converter

Convert a HEX colour code to RGB, HSL, and CMYK values instantly

Runs locally in your browser🆓Free — no sign-up🔒100% Private

Working with colour on the web requires fluency in multiple colour formats. A designer's colour swatch tool exports a colour as HEX (#FF5733), but the frontend CSS needs it in RGB (255, 87, 51), and the API documentation lists it in HSL (11°, 100%, 60%) for accessibility adjustments. Converting between these formats manually is tedious and error-prone. A hex-to-rgb converter eliminates guesswork by instantly translating any hex code into RGB, HSL, and CMYK values, with a live colour preview so you can verify the result matches your intent. UI designers preparing a design system often work from a Figma file where colours are shown as hex values, but need to supply RGB triplets to developers or CMYK breakdowns to print vendors. A developer integrating a colour palette API that returns hex codes but needs to manipulate individual colour channels in code benefits from seeing all formats side by side. Accessibility auditors and colour-blind users also rely on multiple format views to find combinations that work across different colour spaces and perceptual models. All conversion runs instantly in your browser — enter a hex code or paste one from your design tool, and all equivalent formats appear immediately. The live swatch preview lets you confirm you have the right colour before copying it into code, CSS, or design tools.

HEX colour code

RGBrgb(124, 58, 237)

HSLhsl(262, 83%, 58%)

CMYKcmyk(48%, 76%, 0%, 7%)

How to use HEX to RGB Converter

1.Enter any HEX colour code (with or without the # symbol) into the input field.
2.See the RGB values update instantly — for example, #FF5733 becomes rgb(255, 87, 51).
3.View the HSL and CMYK equivalents in real time, useful for CSS variables and print design.
4.Check the live colour preview swatch to confirm the colour matches your design.
5.Click 'Copy' next to any format to copy that value to your clipboard for pasting into code or design tools.

Key Features

✓

Instant conversion — HEX to RGB, HSL, and CMYK conversions happen instantly — no delay or processing time.

✓

Multiple colour formats — See your colour in HEX, RGB, HSL, and CMYK simultaneously, useful for web, CSS, and print design workflows.

✓

Live colour preview — A large swatch shows the colour in real time, confirming visually that you have the right shade.

✓

One-click copy — Copy any format (HEX, RGB, HSL, CMYK) directly to your clipboard without manual text selection.

Frequently Asked Questions about HEX to RGB Converter

Paste your hex code (like #FF5733) into the field above and the tool instantly shows the equivalent RGB, HSL, and CMYK values. To do it by hand, split the hex into three pairs and convert each from base-16 to base-10: FF=255, 57=87, 33=51, giving rgb(255, 87, 51).