All tools

Preview CSS gradients live while adjusting the angle, colour stops and type — linear, radial or conic — then copy the background rule in one click.

Measure foreground against background, judge WCAG AA and AAA by text size, and suggest a colour that passes when it does not.

Drag offset, blur and spread to preview a shadow instantly, and get a box-shadow rule you can paste straight into your stylesheet.