free tools runs in this tab no account, no upload
Flatten a translucent colour
What hex is this colour at 12% over white?
A token written rgb(0 0 0 / 12%) has a real painted value, and it is not the one in the token. Give the ink, the ground and the alpha, and read the opaque colour the compositor produces.
- as rgb() rgb(224, 224, 224)
- written with alpha #0000001f
- contrast against the ground 1.31:1
how to use it
- Give the translucent colour - the one carrying the alpha.
- Give the ground it sits on, which is usually the surface token, not white.
- Set the alpha as a percentage and read the flattened hex.
- Check the contrast row: it is measured on the flattened colour, not the token.
what this page cannot do
The ground here is one you type. On a real page a translucent border sits over whatever scrolled under it, and the extension reads the composited pixel rather than asking you which layer you meant.
Tokens in the panel What design tokens is this page actually painting with?
no host permissions · the reading is free