Adjust image brightness

Scale an image’s RGB intensity through a browser brightness filter.

freeworks offlinenothing uploaded
ToolBrightness Adjuster
Input
Output
—

How it works

The percentage becomes factor 1 + percentage ÷ 100, then Canvas redraws the source through that CSS filter. The raster dimensions stay unchanged and the result is emitted as PNG.

  • Zero percent maps to factor 1.
  • PNG preserves the filtered raster.

Worked example

Brighten a test tile
Input
											Input: data:image/png;base64,iVBORw0KGgo=
Brightness: 25
Output
												PNG data URL rendered at 1.25× brightness

When to use this

Photo editors preview exposure, themes lighten icons, and accessibility reviews test contrast adjustments.

Edge cases

  • −100% maps RGB values to black.
  • Values above 100% can clip highlights.
  • Without Canvas support, the original data URL is returned.

References