Color

HEX ↔ RGB Color Converter

Paste a HEX code or RGB values and get the other format instantly, with a live swatch and copy-ready CSS.

HEX

RGB

HEX

#4f46e5

RGB

rgb(79, 70, 229)

How to use

1Enter a HEX code (e.g. #4F46E5) or RGB values.
2The opposite format updates live with a color preview.
3Copy the value you need.

Runs entirely in your browser — nothing you enter is uploaded or stored.

About the HEX ↔ RGB

HEX and RGB describe the same color in different notations: `#4F46E5` is `rgb(79, 70, 229)`. Designers and developers convert between them constantly for CSS, design tools and brand specs. This converter goes both ways instantly with a live swatch and copy-ready values.

Frequently asked questions

Is this tool free?

Yes — completely free, no signup, no watermark and no limits. Startup OG funds the site through its directory and partner program, not paywalled tools.

How do you convert HEX to RGB?

Split the 6-digit hex into three pairs and convert each from base-16 to base-10: `4F`→79, `46`→70, `E5`→229. This tool does it as you type.

What is the difference between HEX and RGB?

They encode the same sRGB color — HEX is compact for code, RGB is human-readable and needed for `rgba()` opacity. Neither is more accurate.

Can I convert a 3-digit hex code?

Yes. Shorthand like `#abc` expands to `#aabbcc`; this converter handles both.

More free tools

Gradient Generator →

Design a CSS gradient, copy the code.

Contrast Checker →

WCAG contrast ratio and pass/fail.

UTM Builder →

Generate clean, trackable campaign URLs.

Profit Margin Calculator →

Margin, markup and profit from cost and price.

Browse the startup directory

Hundreds of founder-vetted SaaS and startup tools.

Explore tools

Get your product featured

Listings, founder spotlights and sponsorships. Inquiry-based.

See partner options