Design

CSS-Verlaufsgenerator

Lineare und radiale CSS-Verläufe aus zwei Farben mit Vorschau erzeugen.

01Eingabe und Einstellungen

Die Berechnung erfolgt im Browser. Es ist keine Softwareinstallation nötig.

02Ergebnis

Warten auf Eingabe
Warten auf Eingabe

Werte eingeben oder das Beispiel laden, um das Ergebnis zu sehen.

Über dieses Werkzeug: CSS-Verlaufsgenerator

Lineare und radiale CSS-Verläufe aus zwei Farben mit Vorschau erzeugen.

Textoperationen hängen vom Format ab. Unterstützte Zeichen und Syntax stehen in Beschreibung und Beispiel.

Berechnungsmethode

linear-gradient(angle, color₁, color₂)

Rechenbeispiel

Modus
Linear
Erste Farbe
#4f46e5
Zweite Farbe
#06b6d4
Verlaufswinkel, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Fragen und Antworten

Was macht dieses Werkzeug?

Lineare und radiale CSS-Verläufe aus zwei Farben mit Vorschau erzeugen. Textoperationen hängen vom Format ab. Unterstützte Zeichen und Syntax stehen in Beschreibung und Beispiel.

Was beeinflusst Genauigkeit und Eingabeformat?

Farben verwenden sechsstellige HEX-Werte. Der Winkel gilt nur für lineare Verläufe.

Wo werden die Berechnungen ausgeführt?

Die Berechnung erfolgt im Browser. Es ist keine Softwareinstallation nötig.

Kommentare (0)

Teile deine Meinung — bitte bleib höflich und beim Thema.

Noch keine Kommentare. Hinterlasse einen Kommentar und teile deine Meinung!

Um einen Kommentar zu hinterlassen, melde dich bitte an.

Zum Kommentieren anmelden