HEX to RGBA Color Converter | Live HTML Viewer

HEX to RGBA Converter

Hex Color Code ❌ Invalid hex color. Use 3 or 6 hex digits (e.g. #FF5733).

Opacity (Alpha): 1.00

#4F46E5

CSS rgba()

rgba(79, 70, 229, 1)

R / G / B / A

79 / 70 / 229 / 1.00

CSS rgb()

rgb(79, 70, 229)

Hex (with alpha)

#4F46E5FF

Copied!

About the HEX to RGBA Converter

Hexadecimal colors are the standard for CSS design, but rgba() with an alpha channel is essential for overlays, shadows, and transparent UI elements. This tool bridges the gap instantly.

🎨 Opacity Control

The alpha slider converts the 0–100% opacity to a precise 0–1 decimal for rgba() or a 2-digit hex suffix (00–FF) for modern 8-digit hex colors.

⚡ Live Preview

See your color rendered in real-time as you type or adjust the slider. Verify transparency levels against the panel background before copying.

🔧 Multiple Formats

Get rgba(), rgb(), and 8-digit hex (#RRGGBBAA) all at once — covering every CSS use case from legacy browser support to modern design tokens.