RGBA to HEX Converter

Convert semi-transparent RGBA colors to their rendered HEX value when displayed over a background. Perfect for finding the exact shade when using opacity to create colors.

Foreground Color (RGBA)

RGBA CSS Value

Red0

Green0

Blue0

Alpha (Opacity)30%

Base Color (100% opacity)

#000000

Background Color

Background

Quick Presets

Preview

RGBA over Background

Resulting Solid HEX

rgba(0, 0, 0, 0.3)=#FFFFFF

#FFFFFF

Rendered Color

Result Color

HEX

#FFFFFF

RGB

255, 255, 255

HSL

0°, 0%, 100%

CSS RGB

rgb(255, 255, 255)

Copy Format

How it works

This tool calculates the "flattened" color that results from overlaying a semi-transparent color on a background. Designers often use opacity to find the perfect shade—this tool gives you the exact HEX code of that rendered color.