deg
%
%
Como usar
Choose the gradient type (linear, radial, or conic), set the angle, and add or adjust color stops — the preview and the generated CSS update in real time. When it looks right, copy the code straight into your stylesheet. It is a fast way to iterate on background gradients visually instead of hand-editing values and reloading.
- Linear, radial, and conic gradients
- Angle and color-stop editing
- Live preview
- Clean CSS output with one-click copy
- Supports multi-color gradients
Casos de uso
- Designing hero-section background gradients
- Generating gradient CSS without memorizing syntax
- Experimenting with multi-stop color blends
- Matching a design mockup's gradient in code