AbraCalc

50% Opacity Hex Code — Semi-Transparent

50% opacity corresponds to the hex alpha byte 80, making any color half-transparent.

Embed this tool on your site

How to use this tool

  1. Set the opacity percentage (0–100).
  2. Enter the base 6-digit hex color.
  3. Copy the 8-digit hex (e.g. #3a86ffcc) into your CSS.

An opacity of 50% gives you the hex alpha byte 80, commonly used for semi-transparent overlays and shadows.

Frequently asked questions

What is an 8-digit hex color?
#rrggbbaa where aa is the alpha channel: 00 = fully transparent, ff = fully opaque. Supported in CSS Color Level 4.
Is 50% exactly 0x80?
50% × 255 = 127.5, which rounds to 128 = 0x80. The visual difference from 127 is imperceptible.