Color Opacity/Alpha Calculator
Preview and calculate colors with different opacity levels.
With alpha
Blended: #3B82F6
Opacity Presets
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
5%
HEX + Alpha
#3b82f6FF
RGBA
rgba(59, 130, 246, 1)
HSLA
hsla(217, 91%, 60%, 1)
Blended (on bg)
#3B82F6