CSS gradient generator
Your text here
Type
Linear
Radial
Conic
Angle
90°
Ellipse
Circle
Colour stops
Colour
Opacity
Position %
Add a stop
Reverse
Hue and saturation
Hue
Saturation
Apply
Presets
CSS
Colours as
hex
rgb / rgba
hsl / hsla
SCSS
Copy CSS
Copy link
Import CSS: edit a gradient you have
Read it
or take the colours from a picture