Mit dem erweiterten Farbanpassungstool von Pixpa können Sie die visuelle Attraktivität Ihrer Website verbessern, indem Sie Ihren Abschnitten und Texten Volltonfarben, lineare Farbverläufe und radiale Farbverläufe hinzufügen.
Dies bietet Ihnen ein hohes Maß an kreativer Kontrolle beim Entwerfen des Hintergrunds, der Überschriften und des Absatztextes Ihrer Site.
In diesem Artikel:
- Zugriff auf das Farbfeld
- Farbtypoptionen
- Gradientenstopps
- Rotationsregler
- Optionen für radiale Farbverlaufsformen
- Farbauswahl und Hex-Code-Eingabe
- Deckkraftregler
- Wo Sie Farboptionen verwenden können
Zugriff auf das Farbfeld
- Bewegen Sie den Cursor über den Abschnitt, den Sie bearbeiten möchten, und klicken Sie auf Color Style (1) Option.
- Hier sehen Sie die Option zum Ändern der Hintergrundfarbe, der Überschriftentextfarbe und der Absatztextfarbe.
- Klicken Sie auf Custom Color (2) Option neben dem Element, das Sie bearbeiten möchten.
- Neue Popup wird geöffnet Von dort aus können Sie die Farbe für das ausgewählte Element anpassen.
Farbtypoptionen
Oben im Farbfeld sehen Sie drei Optionen:
- Solide: Wenden Sie eine einheitliche Farbe auf den ausgewählten Bereich an. Dies ist eine einfache und saubere Option für Benutzer, die einen konsistenten Farbblock wünschen.
- Linearer Verlauf: Erzeugt einen allmählichen Übergang zwischen zwei oder mehr Farben entlang einer geraden Linie. Die Richtung dieses Farbverlaufs lässt sich mit dem Rotationsregler steuern.
- Radialer Farbverlauf: Erzeugt einen kreisförmigen Farbübergang, der von einem zentralen Punkt ausgeht. Dies eignet sich ideal für Spotlight-Effekte oder um die Aufmerksamkeit auf einen bestimmten Bereich zu lenken.
Gradientenstopps
Wenn Sie entweder Linear or Radialer Verlauf, sehen Sie eine horizontale Farbleiste, in der Sie Ihre Farbverlaufsstopps verwalten können:
- . Der Gradientenstopp (dargestellt durch ein Tropfensymbol) markiert einen Farbpunkt im Farbverlauf.
- Klicken Sie auf eine Haltestelle, um ihre Farbe mithilfe der Farbauswahl oder durch Eingabe eines Hex-Codes zu ändern.
- Nutze einfach das fügen Sie mehrere Stopps hinzu um sanfte Mehrfarbenübergänge zu erzeugen.
- Klicken Sie auf die kleines „x“-Symbol unter einen Anschlag, um es zu entfernen.
Rotationsregler (nur linearer Farbverlauf)
Bei linearen Farbverläufen können Sie den Winkel mit dem Drehregler ändern. So können Sie die Farbrichtung von horizontal (0°) auf vertikal (90°) oder in einen beliebigen Winkel bis zu 360° drehen.
- Eine Vorschau des Farbverlaufs wird in Echtzeit angepasst, während Sie den Schieberegler bewegen.
- Der aktuelle Winkel wird in einem Zahlenfeld neben dem Schieberegler angezeigt (z. B. 270°).
Optionen für radiale Farbverlaufsformen
Wenn Sie auswählen Radialer Verlauf (1) Unter der Verlaufsvorschau werden zwei Formoptionen angezeigt:
- Ellipse: Erzeugt einen länglichen radialen Farbverlauf mit horizontaler oder vertikaler Ausdehnung. Dies ist nützlich für eine breitere Farbverlaufsabdeckung oder asymmetrische Designs.
- Kreis: Dadurch entsteht ein perfekt runder Farbverlauf, der vom Zentrum (oder einem ausgewählten Brennpunkt) ausgeht. Ideal für Spotlight-Hintergründe oder um den Blick auf ein zentrales Element zu lenken.
Farbauswahl und Hex-Code-Eingabe
Egal, ob Sie mit einer Vollfarbe oder einzelnen Farbverlaufsstopps arbeiten:
- Verwenden Sie die Farbauswahl um eine Farbe visuell auszuwählen.
- Alternativ geben Sie eine Hex-Farbcode manuell (z. B. #c14dff) für eine präzise Farbsteuerung.
Wenn Sie einen Farbverlauf verwenden, können Sie durch Auswahl eines Stopps mit diesem Werkzeug dessen spezifische Farbe definieren.
Deckkraftregler
Unten im Bedienfeld finden Sie einen Schieberegler zur Steuerung der Deckkraft:
- Legen Sie die Transparenzstufe der ausgewählten Farbe oder des Farbverlaufsstopps fest.
- Ein Wert von 1 bedeutet völlig undurchsichtig, während 0 völlig transparent ist.
Dies ist nützlich zum Erstellen mehrschichtiger visueller Effekte oder weicher Hintergrundüberlagerungen.
Wo Sie diese Farboptionen verwenden können
Diese erweiterten Farbwerkzeuge sind in den folgenden Bereichen verfügbar:
- Abschnittshintergrund
- Überschrift Text
- Absatztext
Jeder Bereich verfügt über eine eigene Farbregisterkarte, sodass Sie verschiedene Komponenten unabhängig voneinander gestalten und so für mehr visuelle Flexibilität sorgen können.