CSS Schnellstart – HEX & RGB

Eine Farbe setzt sich im Computer aus drei Farben zusammen: ROT, GRÜN und BLAU.

Die Anteile einer einzelnen Farbe bewegen sich zwischen 0 und 255 (Fakt: 255 ist umgerechnet ein Byte).

Du kannst also in CSS auch Farben setzen, in dem du diese 3 Farbwerte nutzt. Dies funktioniert folgendermaßen:

p {
  color: rgb(155, 0 ,250);
}

Es gibt aber auch hier eine etwas einfachere Möglichkeit. Denn du kannst die Farben als Hexadezimal Werte nutzen. Das sind dann wie folgt aus:

p {
  color: #8A2BE2;
}

 

Die Farbe setzt sich dann wie folgt zusammen:

Raute, dann 2 Stellen für rot, 2 Stellen für grün und 2 Stellen für blau.

Auch wenn es erstmal komplizierter aussieht, sind die Hex-Farben einfacher handzuhaben.

Schauen wir dafür mal in die Übung hinein.