Loading…

How to use Alpha Blend Calculator

Pick a translucent foreground color and a background color, and the tool composites them into the equivalent solid hex color.

Frequently asked questions

What does alpha blending compute?

The solid color you would see when a foreground with a given alpha sits over a background: out = fg×alpha + bg×(1−alpha) per channel.

Why flatten an rgba color?

Some tools and formats need a solid HEX. Flattening tells you the exact opaque color an overlay produces on a known background.

What alpha gives a 50/50 mix?

An alpha of 0.5 blends the foreground and background equally, producing the midpoint color between them.

More Color Tools

CMYK ↔ RGB Converter
Convert print CMYK percentages to RGB / HEX and back both ways
Grayscale Converter
Convert any color to perceptual grayscale using Rec.601 luma
Sepia Tone Converter
Apply the classic sepia photo tone matrix to any color
HEX Shorthand Expander
Expand 3-digit hex to 6-digit and shorten collapsible hex codes
Pastel Color Generator
Turn any bold color into a soft pastel version instantly
CSS color-mix() Generator
Build a CSS color-mix() in srgb and preview the computed result
Nearest Tailwind Color
Find the closest Tailwind CSS color name and shade for any hex
Color Blend Mode Calculator
Compute multiply, screen, overlay and more blend results of 2 colors
RGB Percentage Converter
Convert HEX to percentage rgb(), 0–1 float and 8-bit integer forms
Color Picker
Pick colors visually and get HEX, RGB, HSL, HSV, CMYK values
Color Format Converter
Convert between HEX, RGB, HSL, HSV, CMYK, LAB and CSS names
Color Contrast Checker
Check WCAG AA/AAA contrast ratios for text and backgrounds

← View all Color ToolsBrowse all 1,100+ tools →