von Thomas Salvador.
Graustufen gehören zu den unbunten Farben und zeichnen sich dadurch aus, dass ihre Farbwerte für Rot, Grün und Blau gleich sind.
Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.
Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.
Hintergrundfarbe gray119 | ||||||
Detail | : | Hintergrundfarbe gray119 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | gray119 | #777777 | #777777 | #777777 | #777777 |
Farbwert | : | #777777 | #8a8a8a | #8a8a8a | #666666 | #666666 |
HTML | : | gray119 | #9d9d9d | #9d9d9d | #555555 | #555555 |
CSS | : | gray119 | #b1b1b1 | #b1b1b1 | #444444 | #444444 |
CSS (Wert) | : | #777777 | #c4c4c4 | #c4c4c4 | #333333 | #333333 |
CSS (kürzest) | : | #777 | #d8d8d8 | #d8d8d8 | #222222 | #222222 |
CSS (RGB) | : | rgb(119,119,119) | #ebebeb | #ebebeb | #111111 | #111111 |
CSS (%RGB) | : | rgb(46%,46%,46%) | #ffffff | #ffffff | #000000 | #000000 |
Mit Befehl <a> erzeugen Sie einen Verweis. Diesen können Sie hervorheben und farblich gestalten.
In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbe gray119. In HTML ist dies kaum möglich. Daher formatieren wir hier mit CSS.
<style type="text/css"><!-- a { border-width: 3px; border-style: ridge; border-color: gray119; } //--> </style>
Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl <a>.
Wir legen in diesem Beispiel Farbe gray119 als Hintergrundfarbe von <strong> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 13px:
<style type="text/css"><!-- strong { font-size:13px; font-family:arial; background-color:gray119; } //--> </style>
Mehr zum Thema lesen Sie in Text in HTML. Beschreibung vom Befehl <strong>.