TPToolpazar

Global Araç

Gradient Generator

Ön ayarlar

Renk durakları

0%
100%

CSS

background: linear-gradient(to right, #ff7e5f 0%, #feb47b 100%);

Build CSS linear and radial gradients with a live preview. Pick the type, choose a direction or angle, add or remove color stops, and fine-tune the position of each. The tool outputs production-ready CSS you can paste straight into a stylesheet. Presets (sunset, ocean, forest, fire, twilight) give you a quick starting point.

Great for hero sections, button backgrounds, and loading states. For solid-color work use color picker; for extracting a palette from an image, color extractor.

Nasıl Kullanılır

  1. Pick linear or radial.
  2. Choose a direction (or click a preset to start from scratch).
  3. Add/remove color stops and drag their positions.
  4. Copy the CSS snippet into your stylesheet.