| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe mediumspringgreen | ||||||
| Detail | : | Hintergrundfarbe mediumspringgreen | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | mediumspringgreen | #00fa9a | #00fa9a | #00fa9a | #00fa9a |
| Farbwert | : | #00fa9a | #24faa8 | #24faa8 | #00d684 | #00d684 |
| HTML | : | mediumspringgreen | #48fbb6 | #48fbb6 | #00b26e | #00b26e |
| CSS | : | mediumspringgreen | #6dfcc5 | #6dfcc5 | #008e58 | #008e58 |
| CSS (Wert) | : | #00fa9a | #91fcd3 | #91fcd3 | #006b42 | #006b42 |
| CSS (kürzest) | : | #00fa9a | #b6fde2 | #b6fde2 | #00472c | #00472c |
| CSS (RGB) | : | rgb(0,250,154) | #dafef0 | #dafef0 | #002316 | #002316 |
| CSS (%RGB) | : | rgb(0%,98%,60%) | #ffffff | #ffffff | #000000 | #000000 |
Z.B. legen wir die Textfarbe von <li> auf Farbe mediumspringgreen fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf courier new und ändern die Größe der Schrift auf 10px:
<style type="text/css"><!-- li { color:mediumspringgreen; font-size:10px; font-family:courier new; } //--> </style>
Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Weiteres zum Tag li erfahren Sie in der HTML Referenz unter <li>.
Wir setzen für dieses Beispiel die Hintergrundfarbe von <address> auf Farbe mediumspringgreen. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new und verkleinern die Schriftgröße auf 83%.
<address style="font-size:83%; font-family:courier new; background-color:mediumspringgreen;"> Dieser Hintergrund ist in Farbe mediumspringgreen </address>
Mehr zu address lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des HTML-Befehl address lesen Sie in der HTML Referenz unter <address>.
