Flimpa

Gradient Generator

Create linear and radial CSS gradients.

Set gradient type, angle (for linear), and up to five color stops, then copy CSS for background or background-image. Live preview updates as you edit.

Limitations

Stops are limited to five. Conic gradients and complex multi-layer backgrounds are outside this generator.

Recommended tools

Color Picker

Pick a color and copy HEX, RGB, HSL and related palettes.

Shadow Generator

Generate CSS box-shadow with live preview.

Border Radius Generator

Generate CSS border-radius values.

FAQ

Up to 5 color stops per gradient.