CSS-Farbauswahl
Mit der CSS-Farbauswahl können Sie Farbwerte in CSS-Farbeigenschaften einfügen. Sie enthält eine Standardpalette mit Farben und verwendet Standardfarbnamen, Hashcodes, RGB-, RGBA- HSL- und HSLA-Farbwerte, und zeigt eine Liste der zuletzt verwendeten Farben an. Standardmäßig gibt die Farbauswahl Hexadezimalwerte ein. Informationen zum Ändern dieser Einstellung finden Sie unter Format, CSS, Text-Editor, Dialogfeld "Optionen".
Auswählen einer Farbe
Die Farbauswahl verfügt über eine Farbleiste und eine Farbanzeige. Auf die Farbleiste wird immer zuerst zugegriffen.
So zeigen Sie die Farbleiste an
Geben Sie eine beliebige CSS-Eigenschaft ein, die einen Farbwert akzeptiert (z. B. color:, rgb(, rgba(, hsl(, hsla( oder #).
Um auf die Farbleiste mit der Tastatur zuzugreifen, platzieren Sie den Cursor auf einer vorhandenen Farbe im Stylesheet, und drücken Sie STRG-J oder STRG+LEERTASTE.
In einem leeren Stylesheet zeigt die Farbleiste eine Standardpalette an. In einem Stylesheet mit vorhandenen Farben, werden in der Farbleiste eine Liste der zuletzt verwendeten Farben angezeigt.
So wählen Sie eine Farbe aus der Farbleiste aus
Klicken Sie auf eine der Farben in der Farbleiste, oder drücken Sie die NACH-UNTEN-TASTE, um in die Farbleiste zu gelangen, und verwenden Sie dann die NACH-LINKS- und NACH-RECHTS-TASTEN, um eine Farbe auszuwählen.
Im Stylesheet werden bei Auswahl verschiedener Farben die Eigenschaftswerte sofort geändert.
Um mehr Farben anzuzeigen, klicken Sie in der Farbleiste auf die Pfeile nach links und nach rechts, oder verwenden Sie die Pfeiltasten, um die Farbleiste nach links und rechts zu verschieben.
Drücken Sie die EINGABETASTE, um die Farbe zuzuweisen, die Sie für die CSS-Farbeigenschaft ausgewählt haben.
So wählen Sie eine benutzerdefinierte Farbe aus der Farbanzeige aus
Um die Farbanzeige anzeigen, wählen Sie das Pluszeichen (+) am rechten Ende der Farbleiste aus, oder drücken Sie die NACH-UNTEN-TASTE auf der Tastatur ein- oder zweimal, wenn die Farbleiste angezeigt wird.
Führen Sie einen oder mehrere der folgenden Schritte aus.
Verwenden Sie die Maus, um eine Farbe aus der Farbanzeige auszuwählen.
Ändern Sie die Farbe, indem Sie den Schieberegler auf der rechten Seite nach oben oder unten verschieben.
Ändern Sie die Deckkraft, indem Sie den unteren Schieberegler nach links oder rechts verschieben. Werte werden im RGBA- oder HSLA-Format eingegeben.
Wählen Sie Auswählen, um den Mauszeiger in eine Pipette zu ändern. Die ausgewählte Farbe wird beim Verschieben des Mauszeigers in der Vorschau angezeigt.
Wenn Sie Farben mit einer dieser Methoden ändern, wird die ursprüngliche Farbe im Feld Original, die ausgewählte Farbe im Feld Neu und der Wert für die CSS-Farbeigenschaft im Stylesheet angezeigt.
Drücken Sie die EINGABETASTE, um die Farbe zuzuweisen, die Sie für die CSS-Farbeigenschaft ausgewählt haben.
Hinweis
Die ausgewählte Farbe wird angezeigt, indem die Anzeigeeinstellungen des Monitors verwendet werden. Daher kann die Farbe auf einem anderen Bildschirm unterschiedlich aussehen.
Neu
Zeigt die Farbe an, die im Dialogfeld markiert ist, der CSS-Regel jedoch noch nicht zugewiesen wurde.Ursprünglich
Zeigt die Farbe an, die der CSS-Regel momentan zugewiesen ist.Durchlässigkeit
Verschieben Sie die Schaltfläche nach rechts, um die Deckkraft der Farbe zu erhöhen, oder nach links, um sie zu verringern.Hinweis
Da es keine Entsprechung für die Deckkraft im Standardhexadezimalformat gibt, gibt die Farbauswahl die RGBA- oder HSLA-Werte ein, wenn Sie die Deckkraft anpassen.
Pick
Ändert den Mauszeiger in eine Pipette, mit der Sie auf dem Bildschirm eine beliebige Farbe auswählen und einer CSS-Eigenschaft zuweisen können. Wenn Sie den Mauszeiger über den Bildschirm bewegen, wird die Farbe gemäß der Zeigerposition im Feld Neu angezeigt, und der Wert für die relevante CSS-Farbeigenschaft wird im Stylesheet geändert.