Transparent color workbench
See the color your transparent layer actually makes.
Place an opaque foreground over a real background, set its opacity, and get the RGBA, eight-digit HEX, and final visible sRGB color without guessing from a checkerboard.
#F7F2EATwo layers, one result
Build the exact stack.
Both inputs accept opaque HEX, RGB, HSL, HWB, OKLCH, and CSS named colors. Opacity belongs to the foreground; the background stays opaque.
Copy-ready output
One stack, four useful forms.
RGBA and HEX8 preserve transparency. The blended HEX and RGB describe only this exact foreground, opacity, and background combination.
Text after compositing
Check the color people will actually see.
These ratios use the final opaque result, not the uncomposited foreground. Recheck every real state, image, gradient, and adjacent surface in context.
Open the full contrast checkerSource-over alpha, made inspectable.
Hexees applies the W3C simple source-over compositing equation to each sRGB channel and rounds the displayed 8-bit result. HEX8 stores the foreground alpha; its visible color still depends on the surface underneath.