Farbwähler

Bevor Sie das Farbschema auswählen, müssen Sie auswählen, wo Sie eine einzelne Farbe oder einen Farbverlauf verwenden möchten.

Wenn Sie eine einfarbige Option verwenden, können Sie eine Farbe aus wählen Aktuelle Farben Tab oder springe zu Wähle eine andere Farbe.

Hintergrund mit Farbverlauf wird eine verfügbare Option für Zeilen-, Spalten- und Widget-Hintergründe sowie Bildüberlagerungen sein. Um einen Farbverlauf anzuwenden, klicken Sie bei geöffnetem Farbwähler auf das Drop-down-Menü über der Farbpalette (möglicherweise heißt es Farbe), wählen Sie Gradient, dann vergewissere dich:

Designfarben ermöglichen es Ihnen, eine Farbpalette zu definieren und die einzelnen Farben mit einem oder allen Widgets mit Farbeinstellungen zu verknüpfen. Die Farbe jedes Elements, das mit den Designfarben verknüpft ist, wird automatisch aktualisiert, wenn die verknüpfte Farbe in den Einstellungen für die Themenfarben geändert wird. Auf diese Weise können Sie schnell Farbänderungen vornehmen, was die Entwurfszeit verkürzt und sicherstellt, dass der Stil Ihrer Website auf allen Seiten einheitlich ist.

Informationen zum Konfigurieren von Designfarben finden Sie unterFarben des Designs.

Speichere Farben, die auf deiner Website häufig verwendet werden, indem du sie der Liste Gespeicherte Farben im Farbwähler hinzufügst.

Um den gespeicherten Farben eine Farbe hinzuzufügen, klicken Sie im Farbwähler auf den Tab Gespeicherte Farben und dann auf+Symbol. Um eine Farbe aus der Liste der gespeicherten Farben zu entfernen, klicken Sie mit der rechten Maustaste auf die Farbe und wählen SieEntfernen.

Sie können bis zu 48 Farben und Farbverläufe in der Liste Gespeicherte Farben speichern.

Wenn Sie eine Farbe auswählen, zeigt das Menü „Letzte Farben“ eine Auswahl an Farben, die kürzlich auf Ihrer Website verwendet wurden. Auf diese Weise können Sie schnell Farben auswählen, die sich bereits auf Ihrer Website befinden.

Wählen Sie den Farbton einer Farbe mit der Farbpalette auf der rechten Seite oder dem Farbfeld aus. Alternativ können Sie den HEX- oder RGB-Wert der gewünschten Farbe in das Textfeld unter dem vertikalen Farbverlauf eingeben.

Um eine Farbe von einer beliebigen Stelle auf deiner Website perfekt abzugleichen (Bilder, Texte usw.), klicke auf das Pipettentool und wähle die Farbe auf deiner Website aus, die du verwenden möchtest. Sie müssen keine Zeit damit verbringen, den genauen Namen oder Wert einer Farbe herauszufinden

Der Opazitätsregler bestimmt die Transparenz eines Elements. Denken Sie daran, dass beim Verringern der Opazität eines Elements alles, was sich dahinter befindet (Hintergrundbild oder Farbe), mit dem Element zu verschmelzen beginnt

Die Kontrastprüfung für Textfarben trägt zur Verbesserung der Barrierefreiheit von Websites bei, indem sie anzeigt, ob der Kontrast zwischen Text und Hintergrund dem AA- oder AAA-Standard* entspricht. Die Kontrastprüfung erscheint im Farbwähler, wenn der Farbwähler für Text verwendet wird

Im Folgenden sind die Kriterien aufgeführt, anhand derer bestimmt wird, ob der AA- oder AAA-Standard erfüllt ist:

*In den Barrierefreiheitsstandards stehen „AA“ und „AAA“ für unterschiedliche Anforderungen an den Farbkontrast. AA-Niveau bedeutet, dass Ihre Farben ausreichend kontrastreich sind, um lesbar zu sein, kann aber für einige Benutzer dennoch Probleme bereiten. AAA-Niveau bedeutet, dass Sie einen hohen Kontrast haben, der für die überwiegende Mehrheit Ihrer Benutzer lesbar sein sollte.

Im Folgenden finden Sie ein Beispiel für den Kontrastfarbprüfer, der angibt, dass der Text- und Hintergrundkontrast dem AAA-Standard entspricht.

Die Kontrastprüfung wird unter den folgenden Umständen deaktiviert: