HEX to RGB
Convert HEX color codes to RGB with alpha support.
- Reading time:
- 2 min
- Last updated:
- Price:
- Free, no signup
Type or paste text to see the result.
What the HEX to RGB does
Paste a hex colour code like '#1E90FF' and get its RGB values: rgb(30, 144, 255). The hash sign is optional, and three-digit shorthand like '#0af' works too.
Each pair of hex digits is one colour channel — red, green and blue — from 00 (none) to FF (255, full).
Why the HEX to RGB is useful
Designers hand over colours in hex, but plenty of places need RGB: CSS with transparency, Android and iOS code, video software and some print tools.
Converting by hand means doing base-16 maths three times; here it's instant and exact.
Also known as: hex to rgb, color converter, free hex to rgb, online hex to rgb, hex to rgb online free, hex to rgb tool, best hex to rgb tool.
How to use the HEX to RGB
- 1
Enter a hex code
For example #FF5733 or ff5733.
- 2
Read the RGB values
Three numbers between 0 and 255.
- 3
Copy into your project
Use rgb() in CSS or the numbers in your app.
Key features
- 6-digit and 3-digit hex
- Works with or without '#'
- Ready-to-use rgb() output
- Instant conversion
Benefits
- Move brand colours between tools
- Add transparency with rgba()
- Avoid manual hex maths
Real-life use cases
Semi-transparent overlay
A developer converts a brand blue '#0047AB' to rgb(0, 71, 171) and writes rgba(0, 71, 171, 0.6) for an image overlay.
Mobile app colours
An app maker converts a designer's hex palette into RGB values for their Android colour resources.
Tips for the best results
- '#abc' is shorthand for '#aabbcc'.
- Hex is not case-sensitive: #FFAA00 equals #ffaa00.
- Screen RGB and print CMYK differ; convert separately for printing.
Conclusion
Paste any hex code to get exact RGB values for CSS, apps and design tools in a second.
Frequently asked questions
What is #FFFFFF in RGB?
- rgb(255, 255, 255), pure white.
Does it support 3-digit hex?
- Yes, each digit is doubled, so #f00 becomes rgb(255, 0, 0).
What about 8-digit hex with alpha?
- This tool reads the colour part; add transparency yourself with rgba().
Do I need the '#'?
- No, it's optional.
Why does my colour look different in print?
- Printers use CMYK, which can't reproduce every screen colour.
How do I go the other way?
- Use the RGB to Hex tool.
Related tools you may need
- RGB to HEX — Convert rgb() color values to HEX codes.
- CMYK to RGB Converter — Convert print CMYK colors to screen RGB.
- HSL to HEX Converter — Convert HSL color values to HEX.
- HSL to RGB Converter — Convert HSL color values to RGB.
- Color Picker — Convert any CSS color into HEX, RGB and HSL representations.
- Colour Contrast Grid Generator — Preview WCAG contrast ratios for every colour pairing.
- Dominant Colour Palette Extractor — Extract the dominant colours from any image as hex swatches.
- Color Palette Generator — Generate a 5-shade palette from any HEX color.
Keep exploring
Browse the full tools directory, filter by category, or read guides on the Text Tools Hub blog.