| 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 turquoise | ||||||
| Detail | : | Hintergrundfarbe turquoise | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | turquoise | #40e0d0 | #40e0d0 | #40e0d0 | #40e0d0 |
| Farbwert | : | #40e0d0 | #5be4d6 | #5be4d6 | #36c0b2 | #36c0b2 |
| HTML | : | turquoise | #76e8dd | #76e8dd | #2da094 | #2da094 |
| CSS | : | turquoise | #91ede4 | #91ede4 | #248076 | #248076 |
| CSS (Wert) | : | #40e0d0 | #adf1ea | #adf1ea | #1b6059 | #1b6059 |
| CSS (kürzest) | : | #40e0d0 | #c8f6f1 | #c8f6f1 | #12403b | #12403b |
| CSS (RGB) | : | rgb(64,224,208) | #e3faf8 | #e3faf8 | #09201d | #09201d |
| CSS (%RGB) | : | rgb(25%,87%,81%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <p> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbe turquoise ändert.<style type="text/css"><!-- p:hover { background-color:turquoise; } //--> </style>
Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom HTML-Tag p erfahren Sie in der HTML Referenz unter <p>.
Wir legen zum Beispiel bei <span> die Textfarbe auf Farbe turquoise fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße ändern wir auf 13px:
<span style="color:turquoise; font-size:13px; font-family:sans-serif;"> Dieser span-Text nutzt Farbe turquoise </span>
Die Beschreibung vom hier verwendeten HTML-Befehl span lesen Sie in der HTML Referenz unter <span>.
