About hex opacity adder
Semi-transparent colours are used for overlays, shadows and tints. This tool adds an opacity value to a HEX colour and gives you both the 8-digit HEX and the CSS rgba() form.
How the 8-digit HEX works
A normal HEX colour has six digits, two each for red, green and blue. An 8-digit HEX adds two more for alpha, the opacity. 00 is fully transparent and FF is fully solid. 50% opacity is 80 in hexadecimal, so #2449B8 at 50% becomes #2449B880.
Opacity cheat sheet
- 100% = FF, 90% = E6, 80% = CC, 70% = B3, 60% = 99.
- 50% = 80, 40% = 66, 30% = 4D, 20% = 33, 10% = 1A.
Android differs
CSS puts alpha last (#RRGGBBAA) but Android puts it first (#AARRGGBB). Use the RGBA ↔ HEX tool if you need the Android order.
