Linear prosta linia. Radial outward z center. Conic wokół point.

Dwa two-color. Trzy/cztery realistyczne (sunset). Ponad 6 noisy.

Większość clients nie wspiera. Provide fallback color.

Tak — native browser gradient engine.

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

Kąt

Pozycja 1

Pozycja 2

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.

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.