Startseite
Tom Utilities

CSS-Verlaufsgenerator

Entwickler-Werkzeuge

Gestalten Sie lineare oder radiale CSS-Verläufe mit Live-Vorschau und fertigem CSS.

Verwendung

Build a gradient

Pick linear or radial, adjust the angle for linear gradients and choose the start and end colors. The preview and CSS update live.

  1. Choose linear or radial.
  2. Set the angle and two colors.
  3. Copy the generated CSS declaration.

Using the CSS

The output is a single background declaration. Paste it into a CSS rule, inline style or style block.

Häufige Fragen

What does the angle mean?

The angle controls the direction of a linear gradient in degrees, where 0deg points up and 90deg points right.

Can I add more color stops?

This generator creates two-stop gradients. Add extra stops manually to the copied CSS.

Ähnliche Tools

Farbpaletten-Generator Erzeugen Sie Aufhellungen, Abdunklungen, analoge, komplementäre und triadische Paletten aus jeder Farbe. CSS-Box-Shadow-Generator Erstellen Sie Box-Schatten mit Reglern für Versatz, Unschärfe, Streuung und Farbe und kopieren Sie das CSS. Farbkonverter Wandelt Farben zwischen HEX, RGB und HSL mit Live-Vorschau um. UUID-/GUID-Generator Erzeugt zufällige UUIDs der Version 4 und kopiert sie einzeln oder in großen Mengen. Hash-Generator Berechnet MD5-, SHA-1-, SHA-256- und SHA-512-Prüfsummen beliebiger Texte. Zeitstempel-Konverter Rechnet zwischen Unix-Zeitstempeln, ISO 8601 und lesbaren lokalen Datumswerten um.