Convert hex color to RGB
Paste a hex color like #FF5733 or short #F53. Alpha forms such as #RRGGBBAA are supported. See an instant swatch and rgb()/rgba() output in your browser.
Use the swatch to pick a color. RGB also accepts Chinese commas (,).
100%
Preview
ChannelsClick to copy
Private · Fast · Free
Examples
Click a row to fill the input and convert
| Input | Output | — |
|---|---|---|
Design tools love Hex; some UI kits want channel RGB. This page previews instantly and supports shorthand plus 8-digit alpha Hex.
Not the same as hex-to-decimal number conversion — for arbitrary bases use Data converter.
How to convert Hex to RGB
- Paste #FF5733, shorthand #F53, or #RRGGBBAA with alpha
- Or pick a color; adjust alpha if needed
- Copy rgb()/rgba() and match the live preview
Good for
- Design Hex → CSS rgb()/rgba()
- Expanding #RGB shorthand
- 8-digit Hex with transparency
Common uses
- Move Figma colors into CSS variables
- Check translucent overlays
- Pair with contrast checker
Tips
- Each shorthand digit doubles (#F53 → #FF5533)
- Reverse path: RGB to Hex
- Need HSL? Hex to HSL
FAQ
- Does short hex like #F53 work?
- Yes. Each digit is doubled (#F53 → #FF5533) before converting to RGB.
- How is alpha handled?
- Eight-digit hex #RRGGBBAA maps to rgba() with alpha from 0 to 1. The preview also shows transparency.
- Is this the same as hex-to-decimal?
- No. Color tools treat hex as red/green/blue channels. For arbitrary numbers use the base converters.