## Farben

Die 2 wichtigsten Farb-Eigenschaften sind

`background-color & color`

Mit diesen, lassen sich Hintergrundfarben und Textfarben einstellen

Wie sind Farben definiert?

CSS "bietet" Farben an, die mit keywords abrufbar sind:

- red
- green
- blue
- hotpink
- crimson
- lightgray
- Und viele mehr...

### RGB & Hex-Notation & weitere

Kurz zur Farblehre:

Das gängiste Model um Farben darzustellen ist eine Mischung aus den 3 Grundfarben Rot, Blau, Grün

CSS bietet 2 (4) Optionen um diese darzustellen

Hexadezimal mit einem Hashtag davor: `#RRGGBB(AA)`

CSS-Funktion "rgb":
`rgb(R, G, B);`
`rgba(R, G, B, A);`

`A` bezeichnet hier in diesem Fall den Alpha-Channel. Damit wird die Transparenz angegeben.

Jeder Farbwert darf zwischen 0 und 255 liegen (in Hex: 00 bis FF), Alpha-Werte in Hex-Notation auch, aber in der `rgba`-Funktion liegt dieser Wert zwischen 0 und 1 ()

Der Wert 0 definiert dabei keine Farbe, 255 die volle Farbkraft.

`#FF0000`?

`#FF0000`!

`#0066FF`?

`#0066FF`!

`#13df71`?

`#13df71`!

`#13 df 71 55`?

`#13 df 71 55`!

Eine gängige Alternative zur RGB-Welt, ist HSL (Hue, Saturation, Luminance/Lightness)

Diese Werte werden mit der CSS-Funktion `hsl(0 - 360, 0 - 100, 0 - 100)` angegeben