Color Tools•Free Online Tool
CSS Gradient Generator
Create multi-stop linear and radial gradients with customizable angle, color stops, and copy-ready CSS code.
100% Free & Private
Gradient Type & Direction
Angle Direction90°
Color Stops (3/6)
0%
50%
100%
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);Related Tools
Color Picker & Converter (HEX, RGB, HSL)
Pick colors and convert between HEX, RGB, and HSL values with 1-click copy.
Open Tool
WCAG Color Contrast Checker
Verify color contrast compliance for WCAG 2.1 AA and AAA accessibility standards.
Open Tool
Image Color Palette Extractor
Extract dominant color swatches and generate CSS gradients from any photo or screenshot.
Open Tool