Transparency

Color Opacity Calculator

Convert a color and opacity percentage to RGBA, HSLA and eight-digit Hex, with live background previews.

On white#89B4FA
On black#234E94
On custom background#87B2F8

How to use this tool

Choose a base color and transparency, then see the real composited result over white, black and a custom background.

  1. 1 Enter the base color.
  2. 2 Set opacity from 0% to 100%.
  3. 3 Copy RGBA, HSLA or eight-digit Hex.

Frequently asked questions

Where is alpha stored in eight-digit Hex?

The final two digits store alpha after the six RGB digits.

Why does a transparent color look different on each background?

The visible result combines foreground and background channels according to alpha.