<?xml version="1.0" encoding="utf-8"?>

Opacity

Opacity

Opacity refers to how see-through a color is. At full opacity, color is not at all transparent. By adjusting the opacity, you allow the background to show through, whether it's another color or an image.

When a color has reduced opacity over a white background, it will appear lighter. Over a black background, it will appear darker. Opacity changes can also be used to create gradients against a background color.

Improve your UX & Product skills with interactive courses that actually work