HEX to RGB Converter
Convert a hex color code to RGB and rgba() values instantly.
Hex codes are how colors travel — copied from design tools, brand guides and CSS. But the moment you need transparency, a CSS rgba() value, or to tweak a single channel, you need the RGB breakdown. Hex #3366cc becomes rgb(51, 102, 204), and doing that conversion in your head means base-16 arithmetic on three pairs of digits.
Paste a hex code (3- or 6-digit, with or without the #) and get the RGB values, a ready-to-paste rgb() and rgba() string, and a live color preview. It's the quickest path from a hex code to the CSS you actually need.
How to use HEX to RGB Converter
- 1
Enter a hex code
3- or 6-digit, e.g. #36c or #3366cc.
- 2
Read the RGB values
Individual channels plus rgb()/rgba() strings.
- 3
Copy what you need
Grab the exact CSS value for your stylesheet.
Features
- Accepts 3- and 6-digit hex with or without #
- Outputs rgb() and rgba() CSS strings
- Live color preview
Frequently asked questions
Common mistakes to avoid
- Forgetting that rgba()'s alpha is 0–1, not 0–255 or a percentage.
- Mixing up channel order — hex and rgb() are both red, green, blue, but some legacy formats differ.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.