👁️ CSS Opacity Editor

Adjust opacity and rgba transparency with multi-layer preview

Layers

Color

#FF5733

Opacity: 0.80

CSS Code:

/* Layer 1 */
background-color: #FF5733;
opacity: 0.8;

/* Or using rgba */
background-color: rgba(255, 87, 51, 0.8);

Color

#33C3FF

Opacity: 0.60

CSS Code:

/* Layer 2 */
background-color: #33C3FF;
opacity: 0.6;

/* Or using rgba */
background-color: rgba(51, 195, 255, 0.6);

Background Color

Layer 1

Layer 2

Layer 1

0.80

Layer 2

0.60