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

  1. 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