Toggle Light / Dark / Auto color theme

Toggle table of contents sidebar

Schriftfarbe

Eigenschaft color

Die Schriftfarbe kann mittels der Eigenschaft color verändert werden. Für die Angaben der Farbwerte können entweder Farbnamen, Hex-Werte oder RGB-Werte verwendet werden.

p {
  color: red;
}

p {
  color: #ff0000;
}

p {
  color: rgb(255,0,0);
}

Farbnamen

Es gibt über 140 verschiedene Farben, die über ihren Namen in CSS verwendet werden können. Beispiele sind zum Beispiel: red, white, black, yellow, aqua, gold und mehr.

Weitere Beispiele auf der Seite Farbcodes

Hex-Werte

Farben können auch als Hexadezimalzahl angegeben werden. Eine Hexadezimalzahl beginnt immer mit einem Hashtag # und drei Pärchen bestehend aus 2 Ziffern. Jedes Pärchen steht für eine Farbe - Rot, Grün, Blau. Zur Darstellung von Hex-Werten werden die Zahlen 0 - 9 und die Buchstaben A - F verwendet. Die Zahlen stehen für ihren eigenen Wert und A - F für 10 - 15.

p {
  color: #ff0000;
}

h1 {
  color: #ade23;
}

Weitere Beispiele auf der Seite Farbcodes

RGB

RGB-Farben bestehen immer aus der Angabe rgb und dahinter in Klammern, wie viel Rot, Grün und Blau die Farbe enthalten soll. Jede Farbangabe ist mit einem Komma getrennt. Für jede Farbe kann ein Wert von 0 - 255 angegeben werden. rgb(255,0,0) ist zum Beispiel die Farbe rot.

p {
  color: rgb(255, 165, 0);
}

h1 {
  color: rgb(0, 191, 255);
}

Weitere Beispiele auf der Seite Farbcodes

See the Pen color by csswebsite (@csswebsite) on CodePen.