Gradient map

A color lookup that replaces shadows, midtones, and highlights with matching colors from a chosen gradient.

color the shadows and highlights separatelyreplace brightness with colorscolor ramp remappingduotone from a gradientluminance to color effectPhotoshop gradient mapmake dark parts blue and bright parts orangegradent map

See it

Live demo coming soon

What it is

A gradient map replaces each pixel according to its luminance. Black samples the left end of a chosen gradient, white samples the right end, and every gray value takes the color at the matching position between them.

Use it to build duotones, colorize grayscale art, or give shadows, midtones, and highlights a controlled palette in one pass. Photoshop has a Gradient Map adjustment; shaders perform the same lookup with a one-dimensional color ramp.

Gotcha: this is different from placing a gradient over the image. The source brightness chooses the output color, so crowded stops can flatten contrast or create abrupt posterized bands. Space the stops with the image's tonal range in mind.

Ask AI for it

Apply a gradient map driven by source luminance: map black to deep navy, mid-gray to rust orange, and white to pale cream, interpolating through one-dimensional linear RGB color stops. Preserve clear tonal separation and do not place a positional gradient over the image.

You might have meant

duotonecolor gradinglutcolor scale