Convert HEX to RGBA
Convert HEX colors to RGBA with custom opacity/transparency. Set alpha from 0 to 1. Free online color converter.
Formula: RGBA = rgb(R, G, B, alpha) where alpha is 0-1
Quick example: #2563EB at 80% opacity → rgba(37, 99, 235, 0.8)
Color Preview
#2563EB
Color Values
#
HEXR
RGBH
HSLC
CMYK84%, 58%, 0%, 8%A
Alpha100%
T
Tailwindblue-600#2563ebclose matchWCAG Contrast Checker
Foreground
#2563ebBackground
#ffffffContrast Ratio
5.17:1
Sample Text Preview
AA Large: PassAA Normal: PassAAA: Fail
Analogous Palette
About This Conversion
RGBA extends RGB with an alpha channel for transparency control. Converting HEX to RGBA is essential when you need semi-transparent overlays, fading effects, or layered UI elements. The hex-to-RGB conversion is standard, and you then append the alpha value (0 = fully transparent, 1 = fully opaque). This is commonly used for modal backdrops, card shadows, hover states, text on images, and glassmorphism effects. Modern CSS also supports the rgba() function directly in custom properties.
Frequently Asked Questions
How do I add transparency to a HEX color?
Convert the hex to RGBA and set the alpha value: #FF0000 at 50% opacity = rgba(255, 0, 0, 0.5). Enter any hex code here and adjust the opacity slider.
What is the alpha channel?
Alpha controls transparency on a scale of 0 (invisible) to 1 (fully opaque). It's the fourth value in rgba(). For example, rgba(0, 0, 0, 0.5) is 50% transparent black.
Can I use 8-digit hex codes instead of RGBA?
Yes. 8-digit hex (#RRGGBBAA) includes alpha: #FF000080 = rgba(255, 0, 0, 0.5). Browser support is excellent in all modern browsers.