Opacity Blend Calculator

Calculate the final visible color when a semi-transparent foreground color is placed over a background color, using standard alpha blending.

Inputs
Results
Result Red
255
Result Green
153
Result Blue
153

Try an example

Formula

Result = Foreground × Alpha + Background × (1 − Alpha), per channel

Learn How This Works

Color Model Conversions: RGB, HSV, CMYK, and Grayscale

How RGB relates to HSV, CMYK, grayscale, color difference, and opacity blending — the conversions behind every color picker.

Frequently Asked Questions

Related Calculators

HEX to RGB Converter

Convert a hex color code to RGB values, or RGB to hex.

Color Shade & Tint Generator

Generate lighter and darker shades of a base hex color.

Color Contrast Checker

Check the WCAG contrast ratio between two colors for accessibility.

RGB to HSL Converter

Convert an RGB color to HSL (hue, saturation, lightness).

CMYK to RGB Converter

Convert CMYK print color values to RGB for screen display.

Complementary Color Calculator

Find the complementary color for any hex color.