Der Farbwähler ist die Funktion Ihres Editors, mit der Sie das Farbschema von Text, Hintergrund, Überlagerungen und mehr verwalten können. Sie können eine Farbe aus der Farbpalette auswählen, einen HEX- oder RGB-Wert eingeben oder sogar einen benutzerdefinierten Verlauf erstellen. Die Funktion "Letzte Farben" hilft Ihnen, Ihr Farbschema konsistent zu halten und ein professionelles Erscheinungsbild auf Ihrer Website zu erhalten.
Bevor Sie das Farbschema auswählen, müssen Sie auswählen, wo Sie eine einzelne Farbe oder einen Farbverlauf verwenden möchten.
Wenn Sie die Option "Einfarbig" verwenden, können Sie eine Farbe auf der Registerkarte "Letzte Farben" auswählen oder zu "Eine andere Farbe auswählen" springen.
Der Verlaufshintergrund ist eine verfügbare Option für Zeilen-, Spalten- und widget Hintergründe sowie Bildüberlagerungen. Um einen Farbverlauf anzuwenden, klicken Sie bei geöffnetem Farbwähler auf das Dropdown-Menü über der Farbpalette (möglicherweise steht dort Farbe), wählen Sie Farbverlauf aus, und stellen Sie dann sicher, dass Folgendes:
-
Wählen Sie 2 Farben für die Enden des Farbverlaufs aus
-
Sie können die Farben umkehren, um die Positionierung der Anschläge anzupassen.
-
-
Wählen Sie die Farbverlaufrichtung
-
Die Option „Mittig“ erzeugt einen radialen Gradienten.
-
Seitenoptionen erzeugen einen linearen Farbverlauf.
-
Hinweis
Farbverläufe können nicht in Designfarben gespeichert werden.
Themenfarben ermöglichen es Ihnen, eine Farbpalette zu definieren und die einzelnen Farben mit Farbeinstellungen mit einer oder allen widget zu verknüpfen. Die Farbe eines Elements, das mit den Designfarben verknüpft ist, wird automatisch aktualisiert, wenn die verknüpfte Farbe in den Einstellungen für die Designfarben 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 konsistent ist.
Informationen zum Konfigurieren von Designfarben finden Sie unter Designfarben.
Speichern Sie Farben, die auf Ihrer Website häufig verwendet werden, indem Sie diese Farben der Liste „Gespeicherte Farben“ in der Farbauswahl hinzufügen.
Um den gespeicherten Farben eine Farbe hinzuzufügen, klicken Sie in der Farbauswahl auf die Registerkarte Gespeicherte Farben und dann auf das Symbol +. Um eine Farbe aus der Liste Gespeicherte Farben zu entfernen, klicken Sie mit der rechten Maustaste auf die Farbe, und wählen Sie Entfernen aus.
In der Liste „Gespeicherte Farben“ lassen sich bis zu 48 Farben und Farbverläufe speichern.
Wählen Sie einen Farbton mithilfe der Farbpalette auf der rechten Seite oder des Farbmenüs aus. Alternativ können Sie den HEX- oder RGB-Wert für die gewünschte Farbe in das Textfeld unter dem vertikalen Farbverlauf eingeben.
Um eine Farbe von überall auf Ihrer Website (Bilder, Texte usw.) perfekt abzugleichen, klicken Sie auf die Pipette () tool und wählen Sie die Farbe Ihrer Website aus, die Sie verwenden möchten. Sie müssen keine Zeit damit verbringen, den genauen Namen oder Wert einer Farbe herauszufinden.
Der Kontrastprüfer für Textfarben hilft dabei, die Zugänglichkeit von Websites zu verbessern, indem er anzeigt, ob der Kontrast zwischen dem Text und dem Hintergrund den AA- oder AAA-Standards* entspricht. Der Kontrastprüfer erscheint im Farbwähler, wann immer der Farbwähler für Text verwendet wird.
Im Folgenden sind die Kriterien aufgeführt, die bestimmen, ob der AA- oder AAA-Standard erfüllt wird:
Art des Textes |
Standards* |
Schriftgröße |
Minimales Kontrastverhältnis |
---|---|---|---|
Normaler Text |
AAA |
Unter 18pt |
7:1 |
Großer Text |
AAA |
18 oder 14 pt fett |
4,5:1 |
Normaler Text |
AA |
Unter 18pt |
4,5:1 |
Großer Text |
AA |
18pt fett oder 24pt und größer |
3:1 |
*In den Zugänglichkeitsstandards stehen „AA“ und „AAA“ für unterschiedliche Stufen der Anforderungen an den Farbkontrast. AA-Niveau bedeutet, dass Ihre Farben ausreichend Kontrast haben, um lesbar zu sein, aber dennoch für einige Benutzer Probleme darstellen könnten. AAA-Niveau bedeutet, dass Sie einen hohen Kontrast haben, der für die überwiegende Mehrheit Ihrer Benutzer lesbar sein sollte.
Nachfolgend ist ein Beispiel für den Kontrastfarbprüfer, der anzeigt, dass der Text- und Hintergrundkontrast den AAA-Standard erfüllt.
Der Kontrastprüfer ist unter den folgenden Umständen deaktiviert:
-
Wenn der ausgewählte Text mehrere Farben hat. Zum Beispiel, wenn mehrere Wörter im Text blau und mehrere andere rosa sind.
-
Falls der Text auf einem Hintergrund mit Farbverlauf ist.
-
Falls sich der Text auf einem Bildhintergrund befindet.
-
Der Farbverlauf ist für Textelemente nicht verfügbar, daher wird er in einem Farbwähler für Textelemente in widget Designeditor auf der Registerkarte Design nicht angezeigt.
-
Wenn Sie mit Hintergründen arbeiten, werden durch Umschalten zwischen Farbe und Bild die Einstellungen der vorherigen Option auf null gesetzt. Wenn Sie z. B. eine Farbe verwendet haben und die Einstellungen in Bild geändert haben, werden alle Farb- oder Verlaufseinstellungen entfernt.
-
Spezifische Hintergründe für einzelne Schaltflächen werden durch Farbverläufe überschrieben. Wenn Sie diese Änderung zurücksetzen möchten, wählen Sie die Hintergründe für einzelne Schaltflächen erneut aus.