Gradientgenerator

Gratis CSS-gradientgenerator online. Linjär och radiell, justera riktning, färger, stoppunkter. Kopiera kod. Bearbetas i webbläsaren.

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
Vinkel
90°
Färger
0%
100%
CSS-kod
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Filer skickas inte till någon server

Hur använder man Gradientgenerator?

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

Vanliga frågor om Gradientgenerator

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.

Relaterade verktyg

Färgväljare

Välj, omvandla och kopiera färger i formaten HEX, RGB, HSL, OKLCH. Spara paletter. Gratis.

Färgkodskonverterare

Gratis färgkodskonverterare online. Realtidskonvertering mellan HEX, RGB, HSL, CMYK med förhandsgranskning. Bearbetas i webbläsaren.

Färgpalettgenerator

Gratis färgpalettgenerator online. Automatiskt skapa harmoniska färger: komplementära, analoga, triadiska. Bearbetas i webbläsaren.

Slumpmässig färg

Gratis slumpmässig färggenerator online. Ett klick för slumpmässig färg, kopiera HEX/RGB-kod direkt. Bearbetas i webbläsaren.