Farb-Gestaltung mit Css

Wollen wir die Website formatieren stehen uns drei Möglichkeiten zur Verfügung.

Stilangabe am Element = Inlinestyle
<h2 style="color:red;">Wichtige Überschrift</h2>

Das kann sehr umfangreich sein, wenn wir an jedem „Tag“ ein eigenes Style „coden“ sollen

Eine andere Alternative ist die Stilangabe im Zentraldokument:

Im Head-Bereich kann das Dokument folgendermaßen aussehen.

Nun was haben wir hier formatiert? Die Überschriften <h2> erhalten reine rote Textfarbe einen beigen Hintergrund und eine Schriftgröße die 1,5 fach größer ist als die Standarttextgröße.

Die Absätze <p> erhalten die Schriftfarbe braun.

Farben in der Website
Das Thema Farben ist ein sehr umfangreiches, deshalb können wir dieses nur streifen und uns vertraut machen mit den Grundprinzipien.

Farben als Namen
Black, Gray Silver, White, Navy, Blue, Teal, Aqua, Green, Lime, Maroo, Red, Purple, Fuchsia, Olive Yellow.

Dies sind sog „Sichere Farben“ die von allen Geräten relativ gleich dargestellt werden.

Farbe als Hex-Code

Unser Tech-Farbsystem beruht auf R (Rot) G (Grün) B (Blau) dem sogenannten PAL System.

Jeder Farbwert kann 256 Anteile (additiv) hinzufügen (mischen).

0 =	Wert Dezimal =	00 Wert Hexadezimal
255 =	Wert Dezimal =	FF Wert Hexadezimal

Zusammensetzung HEX-Wert:
#000000 bis #FFFFFF

Die ersten beiden Stellen geben die Rotanteile an gefolgt von den Grünanteilen und dann von den Blauanteilen.