Handytool
Dla programistówZa darmoDziała lokalnie

Generator CSS gradient

Buduj linear, radial, conic gradienty — drag stops, pick colors, skopiuj CSS.

Podgląd
CSS
background: linear-gradient(135deg, #B7FF3E 0%, #0a0a0a 100%);
Typ
Presety

Dodaj do sześciu punktów kolorów, przeciągnij suwak pozycji i skopiuj CSS.

O Generator CSS gradient

Generator CSS gradient Handytool buduje gradienty z do 6 color stops. Drag pozycję, zmień kolor, przełącz typ — live preview. Presety lub z zera.

Funkcje: Generator CSS gradient

  • 01

    Linear, radial, conic

    Linear everyday. Radial highlights. Conic pie charts.

  • 02

    Do 6 stops

    Dodaj/usuń, set pozycję, pick kolor. Auto sort.

  • 03

    Kopiowalny CSS

    Complete background: ... declaration.

Generator CSS gradient – FAQ

Różnica?
Linear prosta linia. Radial outward z center. Conic wokół point.
Ile stops?
Dwa two-color. Trzy/cztery realistyczne (sunset). Ponad 6 noisy.
Email template?
Większość clients nie wspiera. Provide fallback color.
Pixel-accurate?
Tak — native browser gradient engine.

Powiązane narzędzia

Dla programistów →

Odkryj inne narzędzia

Wszystkie narzędzia →