Skip to content

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

Need RGB → hex instead?

Private · Fast · Free

Examples

Click a row to fill the input and convert

InputOutput

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

  1. Paste #FF5733, shorthand #F53, or #RRGGBBAA with alpha
  2. Or pick a color; adjust alpha if needed
  3. 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

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.

Related tools