Farben | Sitely-Dokumentation

Das einheitliche Farb-Panel von Sitely sorgt für Konsistenz im Farbschema Ihres Webseiten-Designs. Wann immer Sie eine Farboption im Stil-Panel auswählen, wird Ihnen das Farb-Panel angezeigt.

Innerhalb des Panels gibt es drei Farbgruppen: Die erste Reihe enthält Ihre Hauptpalette – das sind die Farben, die Sie für Ihre Webseite festlegen. Die zweite Reihe enthält neutrale Farben, typischerweise Schwarz und Weiß. Die letzte Reihe zeigt die Standard-Wireframe-Farben, die Sitely beim Hinzufügen von Elementen zur Webseite anwendet. In der Regel möchten Sie nur die Farben in der oberen Reihe, also der Hauptpalette, ändern. Zur Klarheit nennen wir diese erste Reihe Ihre „Website-Palette“.

Unter den Farbgruppen befinden sich Werkzeuge, mit denen Sie Farben erstellen können. Dazu gehören ein Farbton/Sättigung- und Helligkeits-Schieberegler sowie Felder, in die Sie numerische Werte für RGB, HSL, Hex und Deckkraft eingeben können.

Sitely bietet eine Standard-Farbpalette als Ausgangspunkt. Wenn Sie jedoch eine neue Webseite einrichten, ändern Sie normalerweise die Hauptfarben, um die gewünschten Farben für Ihre Webseite zu verwenden. Wählen Sie dazu eine der Hauptfarben aus, die Sie ersetzen möchten – sie wird hervorgehoben, wenn sie ausgewählt ist. Verwenden Sie dann die Werkzeuge, um die Farbe nach Ihren Vorstellungen anzupassen. Wiederholen Sie diesen Vorgang für die anderen Farben, die Sie ändern möchten. Wenn Sie die genauen Farbwerte kennen, können Sie diese direkt in die entsprechenden Felder eingeben. Wenn Sie beispielsweise eine Farbpalette wie diese erstellen möchten:

Können Sie einfach den Hex-Code oder den RGB-Wert in die entsprechenden Felder im Farb-Panel eingeben.

Wichtig zu beachten ist, dass das Auswählen einer Farbe im Panel und anschließende Änderungen die ausgewählte Farbe im Panel sowie alle Seitenelemente, die diese Farbe verwenden, überschreiben werden.

Verwendung von Apples Farbauswahl

Eine weitere Möglichkeit, Farben zu bearbeiten, ist die Verwendung von Apples integrierter Farbauswahl. Sie können darauf zugreifen, indem Sie im Farb-Panel auf das Farbauswahlfeld klicken. Es sieht so aus:

Mit dem Pipettenwerkzeug kannst du jede beliebige Farbe auf deinem Computerbildschirm auswählen.

Wenn diese Option ausgewählt wird, öffnet sich Apples Farbauswahl.

Im gezeigten Beispiel haben wir eine Sitely-Farbpalette erstellt, die auch in anderen Mac-Anwendungen verwendet und als benutzerdefinierte Farbpalette gespeichert wurde. Mit geöffneter Farbauswahl wählen Sie einfach die Farbe aus, die Sie Ihrer Hauptpalette hinzufügen möchten. Ihre ausgewählte Farbe ersetzt die aktuell ausgewählte Hauptfarbe in Sitelys Hauptfarbpalette. Natürlich können Sie auch jedes andere der angebotenen Werkzeuge zur Farberstellung verwenden, einschließlich des Pipetten-Werkzeugs:

Der Vorteil des Farb-Panels

Indem Sie Ihre Hauptfarbpalette einrichten und konsequent anwenden, sind Sie bereit, wenn Sie Ihrer Webseite ein Farb-Makeover verpassen möchten. Öffnen Sie einfach eine Kopie Ihres bestehenden Webseiten-Projekts und ändern Sie die Farben in Ihrer Hauptfarbpalette. Alle Seitenelemente, die die alten Farben verwendet haben, werden auf der gesamten Webseite automatisch auf Ihr neues Farbschema aktualisiert.

Einmalige Farbänderungen

Es kann vorkommen, dass Sie eine Farbe auf ein Seitenelement anwenden möchten, das nicht Teil Ihrer Hauptwebseite-Palette ist. In diesem Fall können Sie das Element auf der Seite auswählen und dann die Option „Aktuelle“ Farbe im Farb-Panel verwenden:

Wenn Sie diese Option auswählen und die Farbe ändern, wirkt sich die Änderung nur auf das aktuell ausgewählte Element aus. Die ausgewählte Farbe wird nicht zur Hauptfarbpalette Ihrer Webseite hinzugefügt.