Home › Converters › HEX to RGB Color Converter

Convert HEX Colors to RGB in Seconds

Convert HEX colors to RGB, HSL, and CMYK with a live preview.

#00B894
rgb(0, 184, 148)
That is not a valid HEX code. Try a 3- or 6-digit code like F00 or #00B894.
RGB
HSL
CMYK

Popular presets — tap to convert

🔒
100% local. Conversion runs entirely in your browser. Nothing you type is sent anywhere.

Accepts #RGB and #RRGGBB, with or without the # symbol.

100% private

Every conversion happens in your browser. Your colors are never uploaded or logged.

No signup

Use it instantly. No accounts, no email, no waiting.

Free forever

Unlimited conversions, no locked features, no watermarks.

How to use the HEX to RGB converter

  1. 1
    Enter or pick a color

    Type a HEX code with or without the # symbol — #F00, 00B894, and #00B894 all work — or use the color picker.

  2. 2
    See every format instantly

    The live preview swatch updates as you type, and the RGB, HSL, and CMYK values appear below it at the same time.

  3. 3
    Copy what you need

    Hit the Copy button next to any value to grab it for your CSS, design file, or print spec. Presets give you common colors in one tap.

Features

Live preview swatch

A large color swatch updates character-by-character as you type, with text that automatically switches to dark or light for readability.

All four formats at once

One HEX input produces RGB for screens, HSL for intuitive tweaking, and CMYK percentages for print — no switching modes.

3-digit shorthand support

Type #F00 and it expands to #FF0000 automatically. The # symbol is optional either way.

One-click copy per value

Each format has its own copy button, so you can grab exactly rgb(0, 184, 148) without selecting text by hand.

Preset palette

Ten popular colors — red, coral, mint, teal, purple, and more — convert with a single tap.

Color picker included

Eyeball a color with the native picker and the HEX, RGB, HSL, and CMYK codes follow automatically.

Frequently asked questions

What is the difference between HEX, RGB, HSL, and CMYK?
They describe the same color in different systems. HEX is the 6-digit code used in HTML and CSS (#00B894). RGB defines screen color as red, green, and blue light, each 0–255. HSL describes hue (0–360°), saturation, and lightness, which is more intuitive when adjusting a color. CMYK gives cyan, magenta, yellow, and black ink percentages for print work.
Do I need the # symbol in front of the HEX code?
No. This converter accepts the code with or without it — #00B894 and 00B894 both work, and 3-digit shorthand like F00 is expanded to #FF0000 automatically.
How do I convert a 3-digit HEX code like #F00?
Just type it. Each digit is doubled, so #F00 becomes #FF0000 (red), #0F0 becomes #00FF00 (green), and so on — the RGB, HSL, and CMYK values update instantly.
Can I paste these values straight into CSS?
Yes. The RGB and HSL outputs are formatted exactly as CSS functions — rgb(0, 184, 148) and hsl(168, 100%, 36%) — so they paste directly into a stylesheet.
Why does my printed color look different from the screen?
Screens mix RGB light while printers mix CMYK ink, and the two gamuts do not fully overlap. Vivid greens and blues shift the most. Use the CMYK values here as your starting point and proof your print file before a big run.
Is anything I type sent to a server?
No. The conversion math runs 100% in your browser with JavaScript. Nothing is uploaded, stored, or logged.
Scroll to Top