HEX to RGBA Converter
Enter a HEX color code, adjust the alpha slider, and get the rgba() CSS value instantly with a live preview.
HEX Input
1.00
0 — Transparent
1 — Opaque
RGBA Output
#FF5733 / 1.00
Summary
Enter a HEX color code, adjust the alpha slider, and get the rgba() CSS value instantly with a live preview.
How it works
- The tool expands shorthand HEX codes, parses each channel pair as a base-16 integer, and combines them with the alpha slider value to produce a CSS rgba() string. All computation happens in your browser — nothing is sent to a server.
Use cases
- Add semi-transparent overlays to design mockups.
- Generate CSS rgba() values for glassmorphism effects.
- Convert brand hex codes to translucent button or card backgrounds.
- Extract alpha from 8-digit hex codes used in Android/iOS development.
Frequently Asked Questions
Last updated: 2026-06-10 ·
Reviewed by Nham Vu