# Farbverlauf-Generator

> Zeigt eine Vorschau eines Farbverlaufs und kopiert dessen CSS.

[Open tool](https://www.toolcabana.com/de/gradient-maker) · [Bilder und Design](https://www.toolcabana.com/de/category/images-and-design)

Tool ID: gradient-maker. Requested language: de. Description language: de. Complete guide translation: yes.

## Overview (en)

Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.

## Supported tasks (de)

Zeigt eine Vorschau eines Farbverlaufs und kopiert dessen CSS.

## Steps (de)

1. Gib die angeforderten Werte im Einstellungsbereich ein.
2. Setze erste Farbe, zweite Farbe und Winkel (Grad).
3. Führe den Farbverlauf-Generator aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.

## Settings

- Erste Farbe (de; key: first; type: color)
- Zweite Farbe (de; key: second; type: color)
- Winkel (Grad) (de; key: angle; type: number); minimum: 0; maximum: 360

## Limitations (de)

Bilder sind auf 32 Megapixel und 16.000 Pixel pro Seite begrenzt. Die meisten Vorgänge akzeptieren eine Quelle; unterstützte Stapelvorgänge erzeugen ein ZIP-Archiv.

## Privacy and connections (de)

Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.

## Questions (de)

### How do I make a CSS linear gradient?

Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.

### What does the gradient angle mean?

The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.

### Can I add more than two colors to the gradient?

No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.

### Wo wird meine Eingabe verarbeitet?

Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.

### Welche Eingabelimits gelten?

Bilder sind auf 32 Megapixel und 16.000 Pixel pro Seite begrenzt. Die meisten Vorgänge akzeptieren eine Quelle; unterstützte Stapelvorgänge erzeugen ein ZIP-Archiv.

## Related tools

- [Image collage maker](https://www.toolcabana.com/de/collage-maker)
- [Meme generator](https://www.toolcabana.com/de/meme-maker)
- [Contrast checker](https://www.toolcabana.com/de/contrast-checker)
- [SVG optimizer](https://www.toolcabana.com/de/svg-optimizer)