Colour extraction + gradient design

Photo Gradient Generator

Drop in a photograph. The tool identifies dominant colours, keeps them visually distinct, remembers where they occur in the image, then builds gradients that feel connected to the original composition.

Drop, paste or choose a photograph

Images stay in your browser. Nothing is uploaded.

Palette

Click a swatch to edit it. Every control in this panel recalculates the visible swatches, hex values and exported palette.

Colours

Treatment

Extraction focus

Colour strength100%

Lightness0

Palette contrast100%

Gradient controls

Style

Spread120%

Softness72%

Angle135°

Texture0%

Place gradient colours where sampled

Show photo sampling handles

Turn on sampling handles to edit the palette directly from the photograph. Drag handle 1 to replace swatch 1, handle 2 to replace swatch 2, and so on. The matching hex value, gradient and exports update immediately. In Soft mesh, the sampled location also positions that colour field.

Export

Width

Height