P Ein Toolkit,
jede Designaufgabe

Farbverlauf-Voreinstellungen

Durchsuchen und kopieren Sie 15 schöne Farbverlaufsvoreinstellungen.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

P Farbverlauf-Voreinstellungen

So verwenden Sie die Bibliothek mit Verlaufsvoreinstellungen

Die Bibliothek mit Verlaufsvoreinstellungen bietet 15 handverlesene Verlaufskombinationen für Webhintergründe, UI-Elemente und Grafikdesign. Durchsuchen Sie die Voreinstellungen, klicken Sie auf einen beliebigen Farbverlauf und kopieren Sie sofort den CSS-Code, um ihn in Ihrem Projekt zu verwenden.

Farbverläufe funktionieren mit modernem CSS besser als je zuvor. Sie sorgen ohne zusätzliche Bilder für Tiefe und visuelles Interesse. Jede Voreinstellung verwendet optimierte Farbkombinationen, die für verschiedene Kontexte gut funktionieren.

Pro Tips

Frequently Asked Questions

Q: Kann ich die Voreinstellungen anpassen?
Kann ich die Voreinstellungen anpassen? Ja, kopieren Sie eine Voreinstellung als Ausgangspunkt und passen Sie die Farben und Winkel mit unserem Verlaufsgenerator-Tool an.
Q: Funktionieren diese Farbverläufe in allen Browsern?
Funktionieren diese Farbverläufe in allen Browsern? Ja, linear-gradient wird von allen modernen Browsern unterstützt. Die CSS-Ausgabe verwendet die Standardsyntax.
Q: Sind diese Farbverläufe mobilfreundlich?
Sind diese Farbverläufe mobilfreundlich? Ja, Farbverläufe werden auf allen Geräten gerendert. Vermeiden Sie aus Leistungsgründen extrem komplexe Farbverläufe auf Low-End-Mobilgeräten.
Q: Wie erstelle ich einen Textverlaufseffekt?
Wie erstelle ich einen Textverlaufseffekt? Verwenden Sie die CSS-Eigenschaft „background-clip: Text mit einem Hintergrund mit Farbverlauf“. Kopieren Sie die Voreinstellung und fügen Sie die zusätzlichen CSS-Eigenschaften hinzu.
Q: Sind diese Voreinstellungen leistungsoptimiert?
Sind diese Voreinstellungen leistungsoptimiert? Ja, CSS-Verläufe werden von der GPU gerendert und bieten eine hervorragende Leistung. Selbst komplexe Multi-Stop-Verläufe haben nur minimale Auswirkungen auf die Seitengeschwindigkeit.

Bauhaus-Farben

Die Bauhaus-Schule definierte die moderne Farbtheorie: Primärfarben als Werkzeuge, klare Kontraste statt Ornamente. Diese Palette zitiert die ikonischen Farben von Weimar, Dessau und der deutschen Designgeschichte.

Bauhaus Rot #BE1E2D

Das ikonische Rot der Bauhaus-Plakate und Drucksachen

Bauhaus Gelb #FFDE17

Das leuchtende Gelb der Bauhaus-Ästhetik

Bauhaus Blau #00509E

Das tiefe Blau des Bauhaus-Farbkreises

Ultramarin #120A8F

Historisches Pigment aus Lapislazuli, von Goethe beschrieben

Ocker #C78B2C

Erdpigment der deutschen Renaissance-Malerei

Petrol #006D7C

Das Blaugrün der Nachkriegszeit und des Mid-Century-Designs

Lindgrün #7CBA3D

Das frische Grün der Frühlingslinden

Ziegelrot #B22222

Die roten Ziegeldächer der Altstädte

Graphit #38383A

Der dunkle Grauton der Zeichenkunst und des Industriedesigns

Weiß #F4F4F4

Das Weiß der Bauhaus-Wände — Raum und Licht

Q: Was sind Bauhaus-Farben?
Was sind Bauhaus-Farben? Die Bauhaus-Farben sind die Primärfarben Rot (#BE1E2D), Gelb (#FFDE17) und Blau (#00509E) sowie Schwarz und Weiß. Die Schule (1919-1933) nutzte sie als systematische Farbenlehre statt dekorativer Ornamente.
Q: Was ist Ultramarin?
Was ist Ultramarin? Ultramarin (#120A8F) ist ein historisches blaues Pigment, ursprünglich aus dem Halbedelstein Lapislazuli gewonnen. Es war teurer als Gold und wurde für Madonnen-Mäntel in der Renaissance reserviert.