Gradient
Angle
deg
0° points up; the angle turns clockwise from there — not the maths convention where 0° points right.
Position
Stops
Colour, opacity %, position % — at least two stops, no upper limit.
Presets
Preview
CSS
Built and previewed entirely in this browser. Every colour comes from a native colour picker and an opacity slider, and every position is a clamped number or one of nine fixed keywords — nothing here accepts free text, so there is nothing for a paste to inject into.
The CSS Gradient Generator needs JavaScript: the preview and the generated CSS are both built live in this browser. With JavaScript switched off there is nothing to do the work.