Generator gradientów

Darmowy generator gradientów CSS online. Liniowe i radialne, regulacja kierunku, kolorów, punktów stopu. Kopiowanie kodu. Przetwarzane w przeglądarce.

Free online CSS gradient generator. Visually design linear, radial, and conic gradients, then copy the CSS code instantly. All processing in your browser — no server communication. Perfect for web design backgrounds, buttons, and UI elements.

Typ
Kąt
90°
Kolory
0%
100%
Kod CSS
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Pliki nie są wysyłane na żaden serwer

Jak używać Generator gradientów?

  1. Select gradient type (linear, radial, etc.).
  2. Add color stops and set colors.
  3. Copy the generated CSS code.

Najczęściej zadawane pytania o Generator gradientów

What gradient types are supported?

Linear, radial, and conic gradients are supported.

Can I copy the CSS code directly?

Yes, one-click copy the generated CSS gradient code to apply directly to your website.

Powiązane narzędzia

Wybór koloru

Wybieraj, konwertuj i kopiuj kolory w formatach HEX, RGB, HSL, OKLCH. Zapisuj palety. Za darmo.

Konwerter kodów kolorów

Darmowy konwerter kodów kolorów online. Konwersja w czasie rzeczywistym między HEX, RGB, HSL, CMYK z podglądem. Przetwarzane w przeglądarce.

Generator palet kolorów

Darmowy generator palet kolorów online. Automatyczne tworzenie harmonijnych kolorów: dopełniające, analogiczne, triadyczne. Przetwarzane w przeglądarce.

Losowy kolor

Darmowy generator losowych kolorów online. Jeden klik na losowy kolor, natychmiastowe kopiowanie kodu HEX/RGB. Przetwarzane w przeglądarce.