Image Gradient Map
Map image luminosity to a custom gradient with multi-stop colors and presets. 100% browser-based.
Upload image
or drag and drop here
or paste from clipboard
Ctrl+Enter to runCtrl+Shift+C to copy
Learn More
Image Gradient Map: Multi-Stop Color Tone Mapping
Learn how gradient mapping recolors images by mapping luminance to custom multi-stop color gradients.
What Is Gradient Mapping and How It Colors Images
Gradient mapping replaces the luminance values of an image with colors from a gradient. Dark pixels take the color from the left end of the gradient, bright pixels take the color from the right end, and mid-tones are mapped to colors in between. This creates vivid, stylized images with complete control over the color palette.
5 min readRead full guide