Skip to content
Color Codes

Alpha reference

Hex Opacity Chart - Alpha Values for CSS

Convert opacity percentages to two-digit Hex alpha values and eight-digit Hex color codes with live RGBA previews.

OpacityAlpha HexHex8RGBACopy
100%FF#000000FFrgba(0, 0, 0, 1)
95%F2#000000F2rgba(0, 0, 0, 0.95)
90%E6#000000E6rgba(0, 0, 0, 0.9)
80%CC#000000CCrgba(0, 0, 0, 0.8)
75%BF#000000BFrgba(0, 0, 0, 0.75)
70%B3#000000B3rgba(0, 0, 0, 0.7)
60%99#00000099rgba(0, 0, 0, 0.6)
50%80#00000080rgba(0, 0, 0, 0.5)
40%66#00000066rgba(0, 0, 0, 0.4)
30%4D#0000004Drgba(0, 0, 0, 0.3)
25%40#00000040rgba(0, 0, 0, 0.25)
20%33#00000033rgba(0, 0, 0, 0.2)
15%26#00000026rgba(0, 0, 0, 0.15)
10%1A#0000001Argba(0, 0, 0, 0.1)
5%0D#0000000Drgba(0, 0, 0, 0.05)
0%00#00000000rgba(0, 0, 0, 0)

How to use this tool

Use this quick chart when you need the final two digits of an eight-digit Hex color. Pick a base color, scan common opacity percentages, then copy Hex8 or RGBA for overlays, disabled UI and transparent tokens.

  1. 1 Enter a base Hex color.
  2. 2 Find the opacity percentage you need.
  3. 3 Copy the Hex alpha, Hex8 or RGBA value.

Frequently asked questions

What is the Hex alpha for 50% opacity?

Fifty percent opacity rounds to 80, so black at about 50% opacity is #00000080.

Why does 25% become 40?

Alpha uses a 0–255 channel. Twenty-five percent of 255 rounds to 64, which is 40 in hexadecimal.

Is Hex alpha the same as CSS opacity?

Hex alpha belongs to one color value. The CSS opacity property affects the whole element and its children.

Can I use Hex alpha in modern browsers?

Yes. Eight-digit Hex is supported by modern browsers, but RGBA is still easier for many teams to read.