HEX Opacity Adder

Add transparency to any hex colour with a slider and get the 8-digit HEX and CSS rgba() equivalent instantly.

Base colour

Opacity (80%)

8-digit HEX (#RRGGBBAA)#2449B8CC

CSS rgba()rgba(36, 73, 184, 0.80)

Ad space — always below the tool, never inside it

How to use hex opacity adder

1Pick a colourEnter a hex code or use the colour picker.

2Set the opacityDrag the slider from 0 (fully transparent) to 100 (fully opaque).

3Copy the resultCopy the 8-digit hex or the CSS rgba() value.

Questions people ask

The 8-digit hex (#RRGGBBAA) is a compact CSS4 format; rgba() is the classic, more widely supported CSS syntax. Both represent the exact same colour and opacity.

rgba() works everywhere; 8-digit hex with alpha works in all modern browsers but not in very old ones.

RGBA ↔ HEX RGB ↔ HEX Colour Shade Ramp Generator Light to Dark Mode Colour Generator

HEX Opacity Adder

How to use hex opacity adder

Questions people ask

Related tools

HEX Opacity Adder

How to use hex opacity adder

Questions people ask

Related tools