Instructions
- Enter the Base Color (
RGB or #RRGGBB)
- Enter the Overlay Color (
RGBA or #RRGGBBAA)
Notes:
- You can click on the HEX or RGB(A) values in the output window to copy them to your clipboard.
- You can click on the Show Base button to view the base and the final color side to side.
- The alpha channel should be a value between
0 (fully transparent) and 1 (fully opaque).
- If no alpha is provided, it is assumed to have a value of
1 (fully opaque).
- Colors are automatically clamped between 0 and 255.
Instructions
- Enter the Base Color (
RGB or #RRGGBB).
- Enter the Desired Color (
RGB or #RRGGBB). This is the color you want to have after applying the overlay.
- Enter the your desired Alpha value α.This should be a decimal value between
0 and 1 or a hex value between 00 and FF.
Notes:
- You can click on the HEX or RGB(A) values in the output window to copy them to your clipboard.
- Not all Alpha values will be valid for every specific color pair. You can see the valid alpha range by hovering your mouse over the alpha input box.
- If you are using HEX notation for the alpha you must enter 2 characters. This means you may need to add a leading zero.
- The generated overlay values may be off by 1 due to rounding errors. You can use the output calculator to verify and adjust as needed.
- If no alpha is provided, it is assumed to have a value of
1 (fully opaque).